JavaScript
210923_button
요옫
2021. 9. 23. 12:06
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<button type="button" onclick="alert('안녕하세요')">함수호출-직접 이벤트 호출</button>
<br><br>
<button type="button" onclick="hello()">자바스크립트 사용자 함수호출</button><br><br> //이 방법을 제일 많이 씀
<button type="button" id="btn3">이벤트를 자바스크립트로</button>
<script type="text/javascript">
function hello() {
alert("두번째 버튼을 클릭함_JavaScript 함수호출")
}
//버튼3에 이벤트추가
var b=document.getElementById("btn3");
b.onclick=function()
{
alert("3번째 버튼 클릭")
}
</script>
</body>
</html>