inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

첫 번째 사람인지 판단하기

제시어 실행이 안돼요

476

선우

작성한 질문수 1

0

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <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 = parseInt(prompt("몇명이 참가하나요?")); 
    const $button = document.querySelector("click");
    const $input =document.querySelector("input");
    const $word =document.querySelector('#word');
    let word; //제시어
    let newWord; //새로 입력한 단어
   
    const onInput = (event) => {
        newWord =event.target.value;
    }

   const onClickButton = () => {
    if(!word) {
        word=newWord;
        $word.textContent =word; //date 바꾸고 화면도 바꾸고
        $input.value = '';
    } else {
        //비어있지않다
    }
   };
  
    $button.addEventListener('click', onClickButton);
    $input.addEventListener('input', onInput);
  
 
    </script>
  </body>

단어를 작성해서 입력 버튼을 눌렀을 때 제시어에 단어가 나오질 않아요 ..

이런 오류가 떠서 찾아보니까 addEventListener 함수가 실행이 안되어서 오류가 난다고 해서 해결책으로body태그 안에 script 를 넣어주면 된다고 하는데 계속 오류가 나네요 ,,

javascript

답변 1

0

제로초(조현영)

const $button = document.querySelector("click");

const $input =document.querySelector("input");

const $word =document.querySelector('#word');

이상한 게 안 보이시나요!

0

선우

#word가 문제인가요 ,,?

그냥 word로 바꿔도 실행이 안되고

큰따옴표가 문제인가 해서 세개다 작은 따옴표로 바꿨는데도 실행이 안됩니다 ,,

1

제로초(조현영)

const $button = document.querySelector("click");

-> 이렇게

const $button = document.querySelector("button");

하셔야합니다. click이 뜬금없이 나왔습니다. 

자바스크립트 입문 강의 재생 안됨

0

80

2

쿵쿵따 조건문 질문입니다.

0

75

2

렛츠가릿 자바스트립트와 공유가 되나요

0

78

1

수강을 하기 전 공부순서에 관한 질문이 있습니다.

1

102

2

안녕하세요

0

101

2

1~45 필터링하는 코드에서 find대신 some써주는게 나을거같습니다.

1

76

2

고차 함수 작성법과 수업 진도 관련한 질문

0

82

3

break와 continue 9:55 내 continue 구문 질문

0

153

2

옵셔널 체이닝 적당한 깊이는 어느 정도인가요?

0

122

2

로또 추첨기 중 입력값을 검사할 때

0

138

2

2-14.else,else if,switch 관련 질문입니다.

0

110

2

가위바위보 이미지(rsp.png)가 안보여요

0

265

3

Math.random() 에 9을 곱하는 이유

0

175

4

클로저 관련해서 질문있습니다.

1

190

2

유튜브 댓글 보고 왔습니다!- 퀴즈 중복된 숫자 검사 for 문

0

246

1

event.target.textContent관련 질문

0

274

2

객체 참조 관련 질문

0

179

1

-2+ -2 = -4 음수 더하기 음수 - 셀프체크 계산기

0

467

1

별찍기 마름모 문제입니다.

0

352

2

숙제 질문

0

217

1

5강 async/await으로 가독성 높이기에서

0

232

1

야구게임 관련 질문입니다

0

186

1

쿵쿵따, 계산기에서 변수 선언

0

181

1

지뢰 힌트 사라짐(대괄호)

0

167

1