빠른 답변 정말 감사합니다! 제가 하다보니 한가지 더 궁금한 점이 생겼습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>아이디&비번</title>
<style>
.alert{
width: 100%;
height: 100px;
margin-bottom: 1rem;
background: white;
border:2px solid black;
text-align: center;
line-height: 100px;
display: none;
}
</style>
</head>
<body>
<div class="wrap">
<div class="alert">
<button onclick="닫기()”>닫기</button>
</div>
<button onclick="입력('아이디를 입력하세요')">버튼1</button>
<button onclick="입력('비밀번호를 입력하세요')">버튼2</button>
</div>
<script>
function 입력(구멍){
document.getElementsByClassName('alert')[0].style.display='block';
document.getElementsByClassName('alert')[0].innerHTML=구멍;
}
function 닫기(){
document.getElementsByClassName('alert')[0].style.display=none;
}
</script>
</body>
</html>
위 코드를 실행하면 닫기버튼이 아예 보이지 않습니다.
입력(구멍)에 속성을 추가했어야 하거나 뭘 빠뜨려서 그런 것 같은데..
이것저것 시도해봤지만.. 정확한 이유를 모르겠습니다!ㅠㅠ
