작성
·
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;
소스를 똑같이 따라쳤는데 안된다면
두 가지를 확인해 보시면 됩니다.
라이브러리 버전이 같은지
코드를 정말로 똑같이 따라 쳤는지
감사합니다!!