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

No:39139

←

Prev Next

→

Call of duty
Developer User17403｜Date and time 24/1/27 0:24:44
Build time 25.361 sec｜Game capacity 4.389KB｜

Script

Welcome to Call of Duty - Smartphone Edition!

Click on the "Start Game" button to begin.

Level 1

👤

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Call of Duty Game</title>
  <style>
    #gameContainer {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }
    #gameScreen {
      display: none;
    }
    .pictogram {
      font-size: 80px;
      margin: 10px;
    }
    #buttonContainer {
      display: flex;
      justify-content: center;
      margin-top: 20px;
    }
    button {
      font-size: 16px;
      margin: 0 5px;
      padding: 10px 20px;
    }
  </style>
</head>
<body>
  <div id="gameContainer">
    <div id="startScreen">
      <h1>Welcome to Call of Duty - Smartphone Edition!</h1>
      <p>Click on the "Start Game" button to begin.</p>
      <div id="buttonContainer">
        <button id="startButton">Start Game</button>
      </div>
    </div>

<div id="gameScreen">
      <h1>Level 1</h1>
      <div id="enemyContainer" class="pictogram"></div>
      <div id="playerContainer" class="pictogram">👤</div>
      <p id="resultText"></p>
      <div id="buttonContainer">
        <button id="attackButton">Attack</button>
        <button id="defendButton">Defend</button>
      </div>
    </div>
  </div>

const playerHealth = 100;
    const enemyHealth = 100;

// DOM elements
    const startButton = document.getElementById("startButton");
    const attackButton = document.getElementById("attackButton");
    const defendButton = document.getElementById("defendButton");
    const gameContainer = document.getElementById("gameContainer");
    const startScreen = document.getElementById("startScreen");
    const gameScreen = document.getElementById("gameScreen");
    const enemyContainer = document.getElementById("enemyContainer");
    const playerContainer = document.getElementById("playerContainer");
    const resultText = document.getElementById("resultText");

// Game variables
    let playerScore = 0;
    let enemyIndex = 0;
    let playerHealthPoints = playerHealth;
    let enemyHealthPoints = enemyHealth;

// Event listeners
    startButton.addEventListener("click", startGame);
    attackButton.addEventListener("click", attackEnemy);
    defendButton.addEventListener("click", defendPlayer);

// Functions
    function startGame() {
      startScreen.style.display = "none";
      gameScreen.style.display = "block";
      showNewEnemy();
    }

function showNewEnemy() {
      enemyContainer.innerHTML = enemyTypes[enemyIndex].symbol;
      resultText.innerHTML = "";
    }

function attackEnemy() {
      const playerDamage = Math.floor(Math.random() * 20) + 10;
      const enemyDamage = Math.floor(Math.random() * 15) + 5;

enemyHealthPoints -= playerDamage;
      playerHealthPoints -= enemyDamage;

if (enemyHealthPoints <= 0) {
        playerScore++;
        enemyHealthPoints = enemyHealth;
        enemyIndex++;
        if (enemyIndex >= enemyTypes.length) {
          endGame();
          return;
        }
        resultText.innerHTML = "You defeated the enemy! Prepare for the next encounter!";
        setTimeout(() => {
          showNewEnemy();
        }, 1500);
      } else if (playerHealthPoints <= 0) {
        endGame();
        return;
      } else {
        resultText.innerHTML = `You hit the ${enemyTypes[enemyIndex].name}! It hit you too!`;
      }

updateHealth();
    }

function defendPlayer() {
      const enemyDamage = Math.floor(Math.random() * 5) + 2;
      playerHealthPoints -= enemyDamage;

if (playerHealthPoints <= 0) {
        endGame();
        return;
      }

resultText.innerHTML = `The ${enemyTypes[enemyIndex].name} attacked you while you were defending!`;
      updateHealth();
    }

function updateHealth() {
      playerContainer.innerHTML = `👤 ${playerHealthPoints}`;
      enemyContainer.innerHTML = `${enemyTypes[enemyIndex].symbol} ${enemyHealthPoints}`;
    }

function endGame() {
      gameScreen.style.display = "none";
      gameContainer.innerHTML = `<h1>Game Over!</h1>
      <h3>Your Score: ${playerScore}</h3>
      <h3>Thank you for playing Call of Duty - Smartphone Edition!</h3>`;
    }
  </script>
</body>
</html>