안녕하세요.
현재 매개변수 수업 듣고 있는데요, 이래와 같이 코드를 작성했는데 선생님이 보여주신 결과처럼 열림창이 css 컬러 적용이 안되서 나옵니다.
제 코드는 왜 이런걸까요... ? 답변 부탁드립니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="alert-box" id="alert"> <!--파란창띄우는 애들-->
<p>알림창임</p>
<button onclick="알림창열기('none');">닫기</button>
</div>
<button onclick="알림창열기('아이디를 입력하세요');">버튼1</button>
<button onclick="알림창열기('비번입력하세요');">버튼2</button>
<script>
function 알림창열기(버튼) {
document.querySelector('p').innerHTML = 버튼;
document.querySelector('alert').style.display = 'block';
}
</script>
</body>
</html>