카테고리

질문 & 답변
세부 분야

프론트엔드
해결 여부

미해결

javascript에서 Counter가 안나오는 문제

24.02.02 16:46 작성 조회수 80

섹션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 숫자가 안나옵니다..ㅠ