JavaScriptサイコロ(画像)のソースコード

<h1>サイコロ</h1>
<p><img id="result" src="1.jpg"></p>
<button onclick="saikoro()">サイコロを振る</button>

<script>
function saikoro() {
// サイコロの目をランダムに生成
let randomIndex = Math.floor(Math.random() * 6) + 1;

// 画像を表示します
document.getElementById("result").src= randomIndex + ".jpg";
}
</script>

サイコロの画像は私が描いた物で良かったら保存の上ご自由にお使い下さい。

コメント