인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

방세혁님의 프로필 이미지
방세혁

작성한 질문수

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

첫 번째 사람인지 판단하기

첫번쨰 사람이지 판단하기

작성

·

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>

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

딱 봐도 오타가 보이네요.

addEventListener

방세혁님의 프로필 이미지
방세혁
질문자

헉쓰 감사합니다

 

방세혁님의 프로필 이미지
방세혁

작성한 질문수

질문하기