<!DOCTYPE HTML >
<html>
<head>
<title> New Document </title>
<meta charset="UTF-8" >
<script>
function click1(){ //배경 파랗게
document.body.bgColor="blue";
}
function click2(){ //배경 하얗게
document.body.bgColor="white";
}
</script>
<script>
window.onload=function(){ //윈도우 로딩끝나면 실행해.
prompt("hi");
button3=document.getElementById("button3");
button3.onclick=function(){ //클릭할 때 리스너
document.body.bgColor="yellow";
}
button3.onmouseover=function(){ //마우스가 올라갈 때
document.body.bgColor="green";
}
button3.onmouseout=function(){ //올라간것이 빠질 때
document.body.bgColor="orange";
}
}
</script>
</head>
<body BGcolor="gray">
<input type="button" value="버튼1" id="button1"
onclick="click1()">
<button onclick="click2()">버튼2</button>
<input type="button" value="버튼3" id="button3">
<input type="button" value="버튼4" id="button4">
ctrl+b 로 실행 / ctrl+shift+b 로 실행 <br/>
도구메뉴/기본설정/도구에 브라우저1과 브라우저2로 셋팅 <br/>
</body>
</html>