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

fullstackdevelop님의 프로필 이미지
fullstackdevelop

작성한 질문수

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

javascript에서 Counter가 안나오는 문제

작성

·

136

0

섹션1) Vue란 무엇인가? 에서 예시로 써주신 코드입니다.
javascript.html

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>JavaScript</title>
</head>
<body>
  <button type="button" onClick="increment()">Counter: <span id="counter"></span></button>
  <script>
    let counter = 100;
    function increment() {
      counter++;
      printCounter();
    }
    function printCounter() {
      let $span = document.querySelector("#counter");
      $span.textContext = counter;
    }
    printCounter();

  </script>
</body>
</html>

강의 6:52초에 나오는 코드를 그대로 따라 쳤는데,
Counter 숫자가 안나옵니다..ㅠ

답변 1

1

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 🙂

오타입니다.

$span.textContext = counter; 

textContext 가 아니라 textContent 입니다.

$span.textContent = counter;

소스를 똑같이 따라쳤는데 안된다면

두 가지를 확인해 보시면 됩니다.

  1. 라이브러리 버전이 같은지

  2. 코드를 정말로 똑같이 따라 쳤는지

 

감사합니다!!

fullstackdevelop님의 프로필 이미지
fullstackdevelop

작성한 질문수

질문하기