<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="alert-box" id="alert">
<p id="alert-msg">알림창</p>
<button id="close">닫기</button>
</div>
<button onclick="알림창('아이디를입력하세요', 'block')">아이디</button>
<button onclick="알림창('비밀번호를입력하세요', 'block')">비밀번호</button>
<script>
// 콜백함수
document.getElementById('close').addEventListener('click', function(){
document.getElementById('alert').style.display = 'none';
});
function 알림창(a, b){
document.getElementById('alert-msg').innerHTML = a;
document.getElementById('alert').style.display = b;
}
</script>
</body>
</html>
선생님이 말씀하신 파라미터 문법을 사용해서 alert창을 만들어봤는데 한가지 이해가 안되는게
1. 알림창 함수를 만들어서 파라미터로 창 안에 글을 바꾸고, 알림창을 나타나게 받았는데
그럼 닫기 버튼도 똑같이 파라미터 2개를 받아야 하잖아요? 근데 addEventListener를 사용해서 닫기버튼을 만들고 안에
document.getElementById('alert-msg').innerHTML = a;
document.getElementById('alert').style.display = 'none';
이렇게 2개가 들어가서 실행이 되어야 하는게 아닌가 싶어서요
근데 document.getElementById('alert').style.display = 'none'; 이거 하나만 들어가도 실행이 잘되니 이유를 잘 모르겠네요;; 빡대가리라ㅜ
친절한 설명해주시면 평생 강의들을게요
