JavaScript画像をクリックすると結果をテキストで返してくれる。
画像にCSSのクラス名３枚とも「trt1」と入れた
結果
結果
<p id="result">結果</p>
<p id="result1">結果</p><script>
var getresult1=document.getElementById("result1");
var image1=document.getElementsByClassName("trt1");
image1[0].addEventListener("click",function(){
getresult1.innerHTML="ﾗｯｷｰｶﾗｰはﾋﾟﾝｸです";
});
image1[1].addEventListener("click",function(){
getresult1.innerHTML="ﾗｯｷｰｶﾗｰはみどりです";
});
image1[2].addEventListener("click",function(){
getresult1.innerHTML="ﾗｯｷｰｶﾗｰはブルーです";
});
</script>