function 파라미터 숙제를 끝내고 해설을 본 후 조금 수정을 해봤습니다
처음짠 코드는
<body>
<div class="alert-box" id="alert">
<p id="title">알림창임</p>
<button onclick="알림창조작('none')" class="alert-close">X</button>
<div style="clear: both;"></div>
</div>
<hr>
<button onclick="알림창조작('block'), 알림창내용('아이디내놔!')">알림창 소환 첫째!</button>
<button onclick="알림창조작('block'), 알림창내용('비번은 어디감?')">알림창 소환 둘째!</button>
<script>
function 알림창조작(display, content) {
document.getElementById('alert').style.display = display;
}
function 알림창내용(content) {
document.getElementById('title').innerHTML = content;
}
</script>
</body>
===================================================
두번째 코드
<body>
<div class="alert-box" id="alert">
<p id="title">알림창임</p>
<button onclick="알림창조작('none')" class="alert-close">X</button>
<div style="clear: both;"></div>
</div>
<hr>
<button onclick="알림창조작('block', '아이디내놔!')">알림창 소환 첫째!</button>
<button onclick="알림창조작('block', '비번은 어디감?')">알림창 소환 둘째!</button>
<script>
function 알림창조작(display, content) {
document.getElementById('alert').style.display = display;
document.getElementById('title').innerHTML = content;
}
</script>
</body>
이렇게 짜봤습니다
나중에 좀 더 큰 프로젝트를 하게되었을때 둘중에 어느 방법이 더 효율적일까요?
