작성
·
200
0
왜 제시어를 입력을 해도 안되나요 ????
제시어가 입력이되야하는데
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>끝말잇기</title>
<style>
</style>
</head>
<body>
<div><span id="order">1</span>번쨰 참가자</div>
<div>제시어:<span id="word"></span></div>
<input type="text">
<button>입력</button>
<script>
const number = Number(prompt('몇명이참가하나요 ?:'));
const $button =document.querySelector('button');
const $input = document.querySelector('input');
const $word = document.querySelector('#word');
//선택하고
let word;//제시어저장
let newWord;// 새로입력한단어저장
const onClickButton=() =>{
if(!word) // 제시어가 비어잇는가?
{
// 비어잇다
word = newWord;
// 입력한단어가 제시어가 된다
$word.textContent = word;
}
else{
// 비어잇지않다
}
};
const onInput = (event) => {
newWord = event.target.value;
// 키보드를 입력할때마다 그글자가 저장이된다
};
$button.addEventListenter('click',onClickButton);
$input.addEventListenter('input',onInput);
/*첫번쨰 참가자인지 어떻게 판단을 할가 ???
제시어가 없으면 첫번쨰 참가자
제시어라고 안니오겟지 그래서 워드를 만든거고
<div>제시어:<span id="order"></span></div>
*/
</script>
</body>
</html>
헉쓰 감사합니다