코드의 차이점
315
작성한 질문수 6
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<script>
document.addEventListener('DOMContentLoaded', () => {
const $text = document.querySelector('#text');
const $textarea = document.querySelector('#textarea');
$textarea.addEventListener('keyup', () => {
$text.textContent = $textarea.value.length;
});
})
</script>
<body>
<h1 id='text'>글자수 : 0</h1>
<textarea id="textarea"></textarea>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<script>
const $text = document.querySelector('#text');
const $textarea = document.querySelector('#textarea');
document.addEventListener('DOMContentLoaded', () => {
$textarea.addEventListener('keyup', () => {
$text.textContent = $textarea.value.length;
});
})
</script>
<body>
<h1 id='text'>글자수 : 0</h1>
<textarea id="textarea"></textarea>
</body>
</html>안녕하세요 선생님. 학습중에 궁금한 점이 생겨 질문 남깁니다
왜 위 코드는 실행이 되고 아래 코드는 실행이 안되는지 궁금합니다.
$textarea가 null이라고 나오는 것 같은데 스크립트 태그의 최상단에 $textarea를 dom객체로 지정해줬는데
혹시 addeventlistener가 비동기 방식으로 먼저 호출이 되기 때문인가요?
브라우저 동작 방식에 관련된 문제일까요?
답변 1
0
html 코드는 위에서 아래로 실행됩니다. script 태그가 실행될 때 html body 태그들이 없어서 그렇습니다.
DOMcontentLoaded는 body가 다 로딩되길 기다립니다.
자바스크립트 입문 강의 재생 안됨
0
76
2
쿵쿵따 조건문 질문입니다.
0
72
2
렛츠가릿 자바스트립트와 공유가 되나요
0
77
1
수강을 하기 전 공부순서에 관한 질문이 있습니다.
1
100
2
안녕하세요
0
101
2
1~45 필터링하는 코드에서 find대신 some써주는게 나을거같습니다.
1
76
2
고차 함수 작성법과 수업 진도 관련한 질문
0
82
3
break와 continue 9:55 내 continue 구문 질문
0
153
2
옵셔널 체이닝 적당한 깊이는 어느 정도인가요?
0
121
2
로또 추첨기 중 입력값을 검사할 때
0
136
2
2-14.else,else if,switch 관련 질문입니다.
0
109
2
가위바위보 이미지(rsp.png)가 안보여요
0
264
3
Math.random() 에 9을 곱하는 이유
0
174
4
클로저 관련해서 질문있습니다.
1
188
2
유튜브 댓글 보고 왔습니다!- 퀴즈 중복된 숫자 검사 for 문
0
246
1
event.target.textContent관련 질문
0
273
2
객체 참조 관련 질문
0
179
1
-2+ -2 = -4 음수 더하기 음수 - 셀프체크 계산기
0
465
1
별찍기 마름모 문제입니다.
0
351
2
숙제 질문
0
217
1
5강 async/await으로 가독성 높이기에서
0
231
1
야구게임 관련 질문입니다
0
186
1
쿵쿵따, 계산기에서 변수 선언
0
181
1
지뢰 힌트 사라짐(대괄호)
0
167
1