JavaScript画像をクリックするとランダムな結果をテキストで返してくれる
一番左の画像だけ1/2のランダムで返信されます
画像にCSSのクラス名全部「trt2」を入れた
![](https://i0.wp.com/hoge-hoge.com/wp-content/uploads/2023/07/350x500-1.jpg?resize=350%2C500&ssl=1)
![trt1](https://i0.wp.com/hoge-hoge.com/wp-content/uploads/2023/07/350x500-2.jpg?resize=350%2C500&ssl=1)
![](https://i0.wp.com/hoge-hoge.com/wp-content/uploads/2023/07/350x500.jpg?resize=350%2C500&ssl=1)
結果
結果
<p id="result">結果</p>
<p id="result2">結果</p>
<script>
var getresult2=document.getElementById("result2");
var image2=document.getElementsByClassName("trt2");
image2[0].addEventListener("click",function(){
if(Math.floor(Math.random() * 2)==1){
getresult2.innerHTML="ラッキーカラーはピンクです";
}else{
getresult2.innerHTML="ラッキーカラーはレッドです";
}
});
image2[1].addEventListener("click",function(){
getresult2.innerHTML="ラッキーカラーはみどりです";
});
image2[2].addEventListener("click",function(){
getresult2.innerHTML="ラッキーカラーはブルーです";
});
</script>
ディスカッション
コメント一覧
まだ、コメントがありません