<!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>