JavaScript画像をクリックするとランダムな結果をテキストで返してくれる
一番左の画像だけ1/2のランダムで返信されます
画像にCSSのクラス名全部「trt2」を入れた
結果
結果
<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>
ディスカッション
コメント一覧
まだ、コメントがありません