ランダムダイスシミュレーター

x 個のダイスを

y 面で振る

ジョーク: ダイスを振るときは、応援の言葉をかけてあげましょう。例えば、「がんばれ、ダイスくん！」など！

<!DOCTYPE html>
<html>
<head>
    <title>ランダムダイスシミュレーター</title>
    <script>
        function rollDice() {
            var x = document.getElementById("numOfDice").value;
            var y = document.getElementById("numOfSides").value;
            
            var result = "";
            var total = 0;

            for (var i = 0; i < x; i++) {
                var diceRoll = Math.floor(Math.random() * y) + 1;
                result += "ダイス" + (i + 1) + ": " + diceRoll + "<br>";
                total += diceRoll;
            }

            result += "<br>合計: " + total;
            document.getElementById("diceResult").innerHTML = result;
        }
    </script>
</head>
<body>
    <h1>ランダムダイスシミュレーター</h1>
    <p>x <input type="number" id="numOfDice" value="1" min="1" max="10">個のダイスを</p>
    <p>y <input type="number" id="numOfSides" value="6" min="2" max="100">面で振る</p>
    <button onclick="rollDice()">ダイスを振る</button>
    <div id="diceResult"></div>
    <p>ジョーク: ダイスを振るときは、応援の言葉をかけてあげましょう。例えば、「がんばれ、ダイスくん！」など！</p>
</body>
</html>