코드의 차이점
321
작성한 질문수 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
98
2
쿵쿵따 조건문 질문입니다.
0
85
2
렛츠가릿 자바스트립트와 공유가 되나요
0
88
1
수강을 하기 전 공부순서에 관한 질문이 있습니다.
1
112
2
안녕하세요
0
111
2
1~45 필터링하는 코드에서 find대신 some써주는게 나을거같습니다.
1
82
2
고차 함수 작성법과 수업 진도 관련한 질문
0
96
3
break와 continue 9:55 내 continue 구문 질문
0
161
2
옵셔널 체이닝 적당한 깊이는 어느 정도인가요?
0
128
2
로또 추첨기 중 입력값을 검사할 때
0
151
2
2-14.else,else if,switch 관련 질문입니다.
0
119
2
가위바위보 이미지(rsp.png)가 안보여요
0
274
3
Math.random() 에 9을 곱하는 이유
0
183
4
클로저 관련해서 질문있습니다.
1
196
2
유튜브 댓글 보고 왔습니다!- 퀴즈 중복된 숫자 검사 for 문
0
249
1
event.target.textContent관련 질문
0
284
2
객체 참조 관련 질문
0
186
1
-2+ -2 = -4 음수 더하기 음수 - 셀프체크 계산기
0
496
1
별찍기 마름모 문제입니다.
0
361
2
숙제 질문
0
228
1
5강 async/await으로 가독성 높이기에서
0
240
1
야구게임 관련 질문입니다
0
192
1
쿵쿵따, 계산기에서 변수 선언
0
184
1
지뢰 힌트 사라짐(대괄호)
0
173
1