<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
function clickTimer(){
setTimeout(function() {
alert('3초 지났습니다')
}, 3000)
}
window.onload = function(){
let btn = document.getElementById('clickBtn')
btn.onclick = function() {
alert('click btn...')
}
let h1Tag = document.createElement('h1')
h1Tag.appendChild(document.createTextNode('hello'))
document.body.appendChild(h1Tag)
h1Tag.style.backgroundColor = 'gray'
h1Tag.onclick = function() {
alert('h1 click...')
}
}
</script>
</head>
<body>
<input type='button' value = '클릭' onclick ="alert('click...')">
<input type='button' value = '3초타이머' onclick ="clickTimer()"> <!-- 인라인 방식의 이벤트 방식 -->
<input type='button' value = '클릭2' id = "clickBtn"> <!-- 고전적 이벤트 방식 -->
</body>
</html>
