안녕하세요! 자바스트립트 3강에서 숙제로 내주신 button onclock ="함수()" 로 바꾸는 과제 해보았는데..
onclick 안에 길게 document.getEle~로 썼을때는 정상적으로 작동했는데 그걸 함수로 바꿔서 onclick안에 넣으니 작동이 안됩니다 ㅠㅠ
처음에 뜨는 버튼을 누르면 화면에서 그냥 html이 사라져요ㅠㅠ (버튼을 클릭하면 작성한 html이 통째로 날아감)
구글링을 해봐도 함수이름() 뒤에 return false를 써주라던가, <button type="button"> 버튼타입을 버튼으로 지정해주라고 하는데,,
어떤 방법으로도 안먹습니다 ㅠㅠㅠ
제 숙제코드는
<body>
<div class="alert-box" id="doom">알림창임 <button onclick="close()">닫기</button></div>
<button onclick="open()">버튼</button>
<script>
function open() {
document.getElementById('doom').style.display='block';
}
function close() {
document.getElementById('doom').style.display = 'none';
}
</script>
</body>
css도 동영상 강의 그대로
.alert-box {
background-color: skyblue;
padding: 20px;
color: white;
border-radius: 5px;
display: none;
}
입니다 ㅠㅠ 뭐가 문제일까요?
