クリックイベント
今回、紹介したいのはクリックイベントです。クリックすると～というプログラムの書き方は、他には、
document.querySelector('#ID').addEventListener('click', () => {
});
というのもありますが、まあ、下記の方が分かりやすいと思います。
******************************************************************************************************
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="main2.css">
</head>
<body>
<div class="container">
<img src="picture/white.jpg" onClick="clickevent(event)">
<img src="picture/white.jpg" onClick="clickevent(event)">
<div id="output">
</div>
</div>
<script type="text/javascript">
function clickevent(event){
var obj=event.target;
if(obj.src.includes("white.jpg")){
obj.src="picture/black.jpg";
}else{
obj.src="picture/white.jpg";
}
}
</script>
</body>
</html>