Click here for free DL of the app version that can save data.

No:5493

782

←

Prev Next

→

chinchillin
Developer もちきなこ｜Date and time 23/6/30 6:33:11
Build time 34.361 sec｜Game capacity 3.423KB｜

Script

了解しました。チンチロリンというゲームを作成します。以下が実際のプログラムです。

チンチロリン

スコア

1の目：0

2の目：0

3の目：0

4の目：0

5の目：0

6の目：0

合計：0

このプログラムでは、チンチロリンというサイコロゲームを実装しています。ユーザーは「サイコロを振る」ボタンをクリックすることで、2つのサイコロの結果を表示します。結果は絵文字で表示され、出た目の数が表示されたスコアの欄に記録されます。また、各目のスコアの合計も表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

Click here for free DL of the app version that can save data.

了解しました。チンチロリンというゲームを作成します。以下が実際のプログラムです。

```html
<!DOCTYPE html>
<html>
<head>
    <title>チンチロリン</title>
</head>
<body>
    <h1>チンチロリン</h1>

<button onclick="rollDice()">サイコロを振る</button>

<h2>スコア</h2>
    <p>1の目：<span id="score1">0</span></p>
    <p>2の目：<span id="score2">0</span></p>
    <p>3の目：<span id="score3">0</span></p>
    <p>4の目：<span id="score4">0</span></p>
    <p>5の目：<span id="score5">0</span></p>
    <p>6の目：<span id="score6">0</span></p>
    <p>合計：<span id="totalScore">0</span></p>
    
    <script>
        var dice1 = 1;
        var dice2 = 1;

function rollDice() {
            dice1 = Math.floor(Math.random() * 6) + 1;
            dice2 = Math.floor(Math.random() * 6) + 1;

document.getElementById("message").textContent = "1つ目のサイコロ：" + getEmoji(dice1) + " 2つ目のサイコロ：" + getEmoji(dice2);

updateScores();
        }

function updateScores() {
            var score1 = document.getElementById("score1");
            var score2 = document.getElementById("score2");
            var score3 = document.getElementById("score3");
            var score4 = document.getElementById("score4");
            var score5 = document.getElementById("score5");
            var score6 = document.getElementById("score6");
            var totalScore = document.getElementById("totalScore");

score1.textContent = calculateScore(1);
            score2.textContent = calculateScore(2);
            score3.textContent = calculateScore(3);
            score4.textContent = calculateScore(4);
            score5.textContent = calculateScore(5);
            score6.textContent = calculateScore(6);
            totalScore.textContent = calculateTotalScore();
        }

function calculateScore(number) {
            var score = 0;

if (dice1 === number) {
                score++;
            }

if (dice2 === number) {
                score++;
            }

return score;
        }

function calculateTotalScore() {
            return parseInt(score1.textContent) + parseInt(score2.textContent) + parseInt(score3.textContent) +
                   parseInt(score4.textContent) + parseInt(score5.textContent) + parseInt(score6.textContent);
        }

function getEmoji(number) {
            switch (number) {
                case 1:
                    return "🎲";
                case 2:
                    return "🎯";
                case 3:
                    return "🔴";
                case 4:
                    return "🍏";
                case 5:
                    return "🌻";
                case 6:
                    return "🍆";
                default:
                    return "";
            }
        }
    </script>
</body>
</html>
```