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

No:41127

←

Prev Next

→

Call of duty
Developer User18475｜Date and time 24/2/6 7:32:57
Build time 9.055 sec｜Game capacity 2.814KB｜

Script

Call of Duty Game

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Call of Duty Game</title>
<style>
    #game-container {
        text-align: center;
        padding-top: 100px;
    }
    #play-button {
        width: 200px;
        height: 50px;
        font-size: 20px;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 5px;
    }
    #score-display {
        font-size: 24px;
        padding-top: 20px;
    }
    .pictograms {
        width: 100px;
        height: 100px;
        margin: 10px;
    }
</style>
</head>
<body>
    <div id="game-container">
        <h1>Call of Duty Game</h1>
        <img id="target" class="pictograms" src="target.png">
        <img id="gun" class="pictograms" src="gun.png">
        <p id="score-display">Score: 0</p>
        <button id="play-button">Play</button>
    </div>

var score = 0;
    var gameStarted = false;
    var gameTimeout;

function startGame() {
        if (!gameStarted) {
            gameStarted = true;
            playButton.disabled = true;
            score = 0;
            updateScore();
            moveTarget();
        }
    }

function updateScore() {
        scoreDisplay.innerHTML = "Score: " + score;
    }

function increaseScore() {
        score++;
        updateScore();
    }

function moveTarget() {
        var containerHeight = document.documentElement.clientHeight - target.clientHeight;
        var containerWidth = document.documentElement.clientWidth - target.clientWidth;

var randomTop = Math.floor(Math.random() * containerHeight);
        var randomLeft = Math.floor(Math.random() * containerWidth);

target.style.top = randomTop + "px";
        target.style.left = randomLeft + "px";

gameTimeout = setTimeout(moveTarget, 1000);
    }

target.addEventListener("click", function() {
        increaseScore();
    });

gun.addEventListener("click", function(e) {
        e.stopPropagation();
    });

playButton.addEventListener("click", function() {
        startGame();
    });

playButton.addEventListener("touchstart", function() {
        startGame();
    });

window.addEventListener("click", function() {
        if (gameStarted) {
            clearTimeout(gameTimeout);
            playButton.disabled = false;
            gameStarted = false;
        }
    });

window.addEventListener("touchstart", function() {
        if (gameStarted) {
            clearTimeout(gameTimeout);
            playButton.disabled = false;
            gameStarted = false;
        }
    });
</script>
</body>
</html>