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

No:8045

1150

←

Prev Next

→

Inflation vs. deflation
Developer User1006｜Date and time 23/7/12 11:39:49
Build time 15.22 sec｜Game capacity 2.799KB｜

Script

了解しました。以下にインフレVSデフレというゲームの実装例を示します。あ

インフレVSデフレ

インフレ: 0 デフレ: 0

ボタンをクリックしてスコアを増やしましょう！

このプログラムはインフレとデフレのスコアを示し、それぞれのボタンをクリックすることでスコアを増やしていきます。スコアが一方の陣営で10に達したら、その陣営の勝利となり、ボタンが無効化されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

了解しました。以下にインフレVSデフレというゲームの実装例を示します。
あ
<script src='https://unpkg.com/three@0.146.0/build/three.min.js'></script>

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>インフレVSデフレ</title>
    <style>
        body {
            text-align: center;
            font-size: 30px;
        }
        
        .score {
            font-size: 20px;
        }
        
        .message {
            font-size: 16px;
            margin-top: 10px;
        }
        
        button {
            font-size: 20px;
            padding: 10px 20px;
        }
    </style>
</head>
<body>
    <h1>インフレVSデフレ</h1>
    <p class="score">インフレ: 0 デフレ: 0</p>
    <button id="inflation">インフレ</button>
    <button id="deflation">デフレ</button>
    <p class="message">ボタンをクリックしてスコアを増やしましょう！</p>
    
    <script>
        let inflationScore = 0;
        let deflationScore = 0;

const inflationButton = document.getElementById('inflation');
        const deflationButton = document.getElementById('deflation');
        const scoreDisplay = document.querySelector('.score');
        const messageDisplay = document.querySelector('.message');

inflationButton.addEventListener('click', () => {
            inflationScore++;
            updateScore();
        });

deflationButton.addEventListener('click', () => {
            deflationScore++;
            updateScore();
        });

function updateScore() {
            scoreDisplay.textContent = `インフレ: ${inflationScore} デフレ: ${deflationScore}`;
            checkWinner();
        }

function disableButtons() {
            inflationButton.disabled = true;
            deflationButton.disabled = true;
        }
    </script>
</body>
</html>
```