카테고리

질문 & 답변
세부 분야

프로그래밍 언어
해결 여부

미해결

첫번쨰 사람이지 판단하기

23.11.06 23:07 작성 조회수 147

샘 이거복붙으로 해봐도 안되네요 ㅜㅜ

왜 제시어를 입력을 해도 안되나요 ????

제시어가 입력이되야하는데

<!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>