JavaScript 입문강의 ''function의 파라미터 문법'' 숙제 질문

3 글 보임 - 1 에서 3 까지 (총 3 중에서)

글쓴이

글
2022년 5월 5일 15:10 #33273

Kwanyong
참가자

선생님 안녕하세요

버튼1 누르면 '아이디입력하세요' 라는 alert 박스가 떠야함

버튼2 누르면 '비번입력하세요' 라는 alert 박스가 떠야함

이 숙제에서

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link href="main.css", rel="stylesheet">
</head>
<body>

<div class="alert-box" id="alert">
<p id="title">알림창임</p>
<button onclick="openAlert('none')">닫기</button>
</div>
<button onclick="buttonClick('아이디입력하세요')">버튼1</button>
<button onclick="buttonClick('비번입력하세요')">버튼2</button>

<script>

function buttonClick(구멍1){
document.getElementById('title').innerHTML = 구멍1
document.getElementById('alert').style.display = 'block';
}

</script>
</body>
</html>

파라미터 이용해서 적용을 해봤는데

이렇게 되면 <div> 태그 안에 있는 닫기 버튼이 작동을 안하는데..

혹시 어떻게 고쳐야할까요?

미리 답변 감사합니다.

2022년 5월 5일 16:10 #33276

codingapple
키 마스터

openAlert 라는 함수를 만든곳이 없는데 사용만하고 있어서 그런듯요

2022년 5월 5일 16:37 #33281

Kwanyong
참가자

아.. 함수를 따로 만들어놓고 강의보고 수정할때 그냥 삭제를 해버렸네요

감사합니다.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link href="main.css" , rel="stylesheet">
</head>

<body>

<div class="alert-box" id="alert">
<p id="title">알림창임</p>
<button onclick="openAlert('none')">닫기</button>
</div>
<button onclick="buttonClick('아이디입력하세요')">버튼1</button>
<button onclick="buttonClick('비번입력하세요')">버튼2</button>

<script>
function buttonClick(구멍1) {
document.getElementById('title').innerHTML = 구멍1
document.getElementById('alert').style.display = 'block';
}

function openAlert(구멍1) {

document.getElementById('alert').style.display = 구멍1;
}

</script>
</body></html>

수정한코드도 혹시 누군가 볼수있도록 첨부
글쓴이

글

3 글 보임 - 1 에서 3 까지 (총 3 중에서)

답변은 로그인 후 가능합니다.

로그인

JavaScript 입문강의 ''function의 파라미터 문법'' 숙제 질문

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png