画像をクリックする度に順順番(1→2→3→4→5)に画像がループする

最終更新日

画像をクリックする度に順順番(1→2→3→4→5)に画像がループする

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>画像をクリックする度に順順番(1→2→3→4→5)に画像がループする</title>
</head>
<body>
<div class="content">
<h1>画像をクリックする度に順順番(1→2→3→4→5)に画像がループする</h1>
<p id="main" onclick="action()"><img src="img/01.png"></p>
</div>

<script>
var num = 1;	
function action() {
	num = num+ 1;
//	num++;s
	console.log(num);
	if (num === 6) {
			num = 1;
	}

	var str = document.getElementById('main');
	str.innerHTML = '<img src="img/0' +num+ '.png" alt="">';
}	
</script>
</body>
</html>

シェアする