> For the complete documentation index, see [llms.txt](https://leeans-dev-book.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://leeans-dev-book.gitbook.io/docs/lecture/javascript/parameter2.md).

# Parameter2

쉬어가는  시간  🏄‍♀️🏄‍♀️🏄‍♀️

{% embed url="<https://www.gdweb.co.kr/sub/list.asp>" %}
우리나라의 웹디자인 경향을 파악해보자.
{% endembed %}

✨ 과제. js004.html 파일을 만들어서  alert창 하나와 버튼을 두 개 만들고 버튼 별로 alert 창의 색상이 바뀌게 만들어보자.

```html
<!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>
```
