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>

 

 

첫번째 버튼
두번째 버튼
세번째 버튼