const number = parseInt(prompt('몇 명이 참가하나요?'), 10);
if (!number) {
alert('몇 명이 참가하는지 입력해주세요!');
}
if (number) {
const $input = document.querySelector('input');
const $button = document.querySelector('button');
const $word = document.querySelector('#word');
const $order = document.querySelector('#order');
let word;
let newWord;
const onClickButton = () => {
if (!word) {
word = newWord;
const order = parseInt($order.textContent);
if (!(2 === word.length || 3 === word.length)) {
alert('두 글자, 세 글자로 이루어진 단어로만 입력해주세요!');
word = null;
$input.value = '';
$input.focus();
return;
}
if (2 === word.length || 3 === word.length) {
$word.textContent = word;
if (!(order === number)) {
$order.textContent = order + 1;
$input.value = '';
$input.focus();
return;
}
if (order === number) {
$order.textContent = 1;
$input.value = '';
$input.focus();
}
}
return;
}
if (!(word[word.length - 1] === newWord[0] && word.length === newWord.length)) {
alert('틀렸습니다!');
$input.value = '';
$input.focus();
return;
}
if (word[word.length - 1] === newWord[0] && word.length === newWord.length) {
word = newWord;
$word.textContent = word;
const order = parseInt($order.textContent);
if (!(order === number)) {
$order.textContent = order + 1;
$input.value = '';
$input.focus();
return;
}
if (order === number) {
$order.textContent = 1;
$input.value = '';
$input.focus();
}
}
}
아래는 원본 코드입니다!
const number = parseInt(prompt('몇 명이 참가하나요?'), 10);
if (number) {
const $input = document.querySelector('input');
const $button = document.querySelector('button');
const $word = document.querySelector('#word');
const $order = document.querySelector('#order');
let word;
let newWord;
const onClickButton = () => {
if (!word) {
word = newWord;
const order = parseInt($order.textContent);
if (2 === word.length || 3 === word.length) {
$word.textContent = word;
if (order === number) {
$order.textContent = 1;
} else {
$order.textContent = order + 1;
}
} else {
alert('두 글자, 세 글자로 이루어진 단어로만 입력해주세요!');
word = null;
}
} else if (word[word.length - 1] === newWord[0] && word.length === newWord.length) {
word = newWord;
$word.textContent = word;
const order = parseInt($order.textContent);
if (order === number) {
$order.textContent = 1;
} else {
$order.textContent = order + 1;
}
} else {
alert('틀렸습니다!');
}
$input.value = '';
$input.focus();
}
const onInput = (event) => {
newWord = event.target.value;
}
$button.addEventListener('click', onClickButton);
$input.addEventListener('input', onInput);
} else {
alert('몇 명이 참가하는지 입력해주세요!');
}
