โจ ๊ณผ์ . js004.html ํ์ผ์ ๋ง๋ค์ด์ alert์ฐฝ ํ๋์ ๋ฒํผ์ ๋ ๊ฐ ๋ง๋ค๊ณ ๋ฒํผ ๋ณ๋ก alert ์ฐฝ์ ์์์ด ๋ฐ๋๊ฒ ๋ง๋ค์ด๋ณด์.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<div id="alert" class="alert-box" >
์๋ฆผ์ฐฝ
<button onclick="alertControl('none')">๋ซ๊ธฐ</button>
</div>
<button onclick="alertControl('block', 'black')">๋ฒํผ 1 </button>
<button onclick="alertControl('block', 'red')">๋ฒํผ 2</button>
</body>
<script>
function alertControl(ํ๋ผ๋ฏธํฐ1, ํ๋ผ๋ฏธํฐ2){
document.getElementById('alert').style.display = ํ๋ผ๋ฏธํฐ1;
document.getElementById('alert').style.backgroundColor = ํ๋ผ๋ฏธํฐ2;
}
</script>
</html>
