JavaScriptコンピューターとサイコロで対戦(画像)のソースコード

<h1>コンピューターとサイコロで対戦</h1>
<p>【コンピューター】<br><img id="computersaikoro" src="1.jpg"></p>
<p><img id="playersaikoro" src="1.jpg"><br>【あなた】</p>
<p id="result"></p>
<button onclick="saikoro()">サイコロで対戦</button>

<script>
function saikoro() {
// プレイヤーのサイコロの目をランダムに生成
let playersaikoro = Math.floor(Math.random() * 6) + 1;
document.getElementById("playersaikoro").src= playersaikoro + ".jpg";

// コンピューターのサイコロの目をランダムに生成
let computersaikoro = Math.floor(Math.random() * 6) + 1;
document.getElementById("computersaikoro").src= computersaikoro + ".jpg";

// 結果を表示する
let resultElement = document.getElementById('result');

if (playersaikoro > computersaikoro) {
resultElement.textContent = 'あなたの勝ち!';
} else if (playersaikoro < computersaikoro) {
resultElement.textContent = 'コンピューターの勝ち!';
} else {
resultElement.textContent = '引き分け!';
}
}
</script>

サイコロの画像はこちらにあります。

コメント