Web/JAVASCRIPT
자바스크립트 function 문법 사용법
by print_soo
2023. 7. 12.
HTML 내부에 JavaScript 함수 작성
<!DOCTYPE html>
<head>
<title></title>
</head>
<body>
<script>
function 이름(){
}
</script>
</body>
</html>
함수적용 사례 살펴보기
<!-- 적용 전 -->
<!DOCTYPE html>
<head>
<title></title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="alert-box" id="alert">알림창 입니다.</div>
<button onclick="document.getElementById('alert').style.display = 'block';">알림창 보여주기</button>
</body>
</html>
<!-- 적용 후 -->
<!DOCTYPE html>
<head>
<title></title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="alert-box" id="alert">
알림창 입니다.
</div>
<button onclick="openAlert()">알림창 보여주기</button>
<script defer>
function openAlert(){
document.getElementById('alert').style.display = 'block';
}
</script>
</body>
</html>
