Parameter2

์‰ฌ์–ด๊ฐ€๋Š” ์‹œ๊ฐ„ ๐Ÿ„โ€โ™€๏ธ๐Ÿ„โ€โ™€๏ธ๐Ÿ„โ€โ™€๏ธ

์šฐ๋ฆฌ๋‚˜๋ผ์˜ ์›น๋””์ž์ธ ๊ฒฝํ–ฅ์„ ํŒŒ์•…ํ•ด๋ณด์ž.

โœจ ๊ณผ์ œ. 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>

Last updated