<!DOCTYPE html>
<html lang="ja">
<head>
<title>サイコロ揃えゲーム</title>
<link rel="stylesheet" type="text/css" href="dice.css">
<script type="text/javascript" src="dice.js"></script>
</head>
<body>
<h1>サイコロ<span class="red">揃</span>えゲーム</h1>
<p>2つのサイコロを振って、同じ目になるように揃えよう！</p>
<div class="dice">
<div class="saikoroA">
<img id="diceA" src="image/dice1.png" width="200" height="200"><br>
<p><button id="btnA">1つ目のサイコロを振る</button></p>
</div>
<div class="saikoroB">
<img id="diceB" src="image/dice1.png" width="200" height="200"><br>
<p><button id="btnB">2つ目のサイコロを振る</button></p>
</div>
</div>
<p id="result"></p>
<p><button id="reset" class="none">もう一度遊ぶ</button></p>
</body>
</html>
Yuto Togashi