<!DOCTYPE html>
<html>
<head>
<meta charset = utf-8>
<script>
var i=1;
function changeimg(num){
var e=document.getElementsByTagName("img")[0];
if(num%2){e.src="2.jpg";}
else{e.src="1.jpg";}
i++;
}
</script>
</head>
<body>
<img id="image" src="1.jpg">
<input type="button" value='클릭' onclick="changeimg(i)">
</body>
</html>
이미지를 클릭 할 때마다 바뀌는 자바스크립트를 짜봤어요.
위에것을 잘 실행이 되요.
그런데 왜 밑에것 처럼하면 안 될까요?
<!DOCTYPE html>
<html>
<head>
<meta charset = utf-8>
<script>
function changeimg(num){
var e=document.getElementsByTagName("img")[0];
if(e.src=="1.jpg"){e.src="2.jpg";}
else{e.src="2.jpg";}
}
</script>
</head>
<body>
<img id="image" src="1.jpg">
<input type="button" value='클릭' onclick="changeimg(i)">
</body>
</html>
글쓰기