<!DOCTYPE html>
<html>
<head>
<title>Javascript Basic</title>
<style>
#back {
width: 600px;
height: 500px;
background-image: url("back.png");
background-size: 600px 500px;
background-repeat: no-repeat;
}
#backe {
width: 400px;
height: 200px;
background-image: url("backe.png");
background-size: 400px 200px;
background-repeat: no-repeat;
}
</style>
<script>
function ChangeIMG1() {
document.getElementById('back').style.display = "none"
}
function ChangeIMG2() {
document.getElementById('backe').style.display = "none"
}
</script>
</head>
<body>
<div id="back" onclick="ChangeIMG1()"> </div>
<div id="backe" onclick="ChangeIMG2()"> </div>
</body>
</html>
À̹ÌÁö Ŭ¸¯½Ã »ç¶óÁö°Ô ÇÏ´Â ÄÚµå ÀÔ´Ï´Ù
¿©±â¼ 2ÀåÀÇ À̹ÌÁö°¡ ¸ðµÎ »ç¶óÁö¸é alert ¸Þ½ÃÁöâ ¶ß°Ô ÇÏ´Â ¹æ¹ý ÀÖ³ª¿ä..?
if () ¹® ½á¾ßÇÒ°Å °°Àºµ¥ °¨ÀÌ ¾È¿À³×¿ä;;