강의

멘토링

커뮤니티

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

치타의Life님의 프로필 이미지
치타의Life

작성한 질문수

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

숫자야구 고차함수 따라서 하다가..

작성

·

364

0

숫자야구 고차함수 따라서 하다가 다른것도 테스트 해볼겸 아래와 같이 해봤는데

이런 에러가 나는 이유가 무엇인가요??

KakaoTalk_20230110_180145929.png

 

<!DOCTYPE html>

<html lang="en">

<head>

<script>

const $btnHide = document.querySelector('#btnHide')

const $btnShow = document.querySelector('#btnShow')

const $h3 = document.querySelector('h3')

$btnHide.addEventListener('click', showAndHide('hide'))

$btnShow.addEventListener('click', showAndHide('show'))

const showAndHide = op => () => {

if (op === 'hide') {

$h3.style.display = 'none'

} else {

$h3.style.display = 'block'

}

}

</script>

</head>

<body>

<button id="btnHide">글자숨기기</button>

<button id="btnShow">글자보이기</button>

<h3>글자</h3>

</body>

</html>

 

 

 

 

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

script는 </body> 바로 위에 넣어야 합니다. 코드는 위에서 아래로 실행됩니다. script가 실행될 때 태그들이 없습니다.

치타의Life님의 프로필 이미지
치타의Life

작성한 질문수

질문하기