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

No:26037

Juego de tipo combate donde aparezcan armas y sean..ALL
Developer User12804｜Date and time 23/11/26 7:55:20
Build time 67.871 sec｜Game capacity 5.019KB｜

Script

Juego de Combate Free Fire

¡Elige tu arma y derrota al enemigo!

Toca una arma para atacar:

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Free Fire Combat Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        
        #player {
            font-size: 60px;
        }
        
        #enemy {
            font-size: 50px;
        }
        
        #weapon-container {
            display: flex;
            justify-content: center;
            margin-top: 50px;
        }
        
        .weapon {
            width: 60px;
            height: 60px;
            margin: 10px;
            cursor: pointer;
        }
        
        #result {
            margin-top: 20px;
        }
        
        #reset-btn {
            background-color: #e53935;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Juego de Combate Free Fire</h1>
    <div id="game-container">
        <div>
            <h2>¡Elige tu arma y derrota al enemigo!</h2>
            <h3>Toca una arma para atacar:</h3>
            <div id="weapon-container">
                <img src="gun.png" class="weapon" id="gun" alt="Arma 1">
                <img src="knife.png" class="weapon" id="knife" alt="Arma 2">
                <img src="grenade.png" class="weapon" id="grenade" alt="Arma 3">
            </div>
            <h3 id="result"></h3>
            <button id="reset-btn">Reiniciar Juego</button>
        </div>
    </div>
    
    <script>
        // Variables para el estado del juego
        var playerWeapon = "";
        var enemyWeapon = "";
        var isGameOver = false;
        
        // Obtener referencia a los elementos del DOM
        var playerElement = document.getElementById("player");
        var enemyElement = document.getElementById("enemy");
        var resultElement = document.getElementById("result");
        var weaponElements = document.getElementsByClassName("weapon");
        var resetBtn = document.getElementById("reset-btn");
        
        // Función para generar una selección aleatoria para el enemigo
        function generateRandomAttack() {
            var weapons = ["gun", "knife", "grenade"];
            var randomIndex = Math.floor(Math.random() * weapons.length);
            return weapons[randomIndex];
        }
        
        // Función para manejar el ataque del jugador
        function handlePlayerAttack() {
            if (isGameOver) return;
            
            playerWeapon = this.id;
            playerElement.innerHTML = getPlayerWeaponSymbol(playerWeapon);
            enemyWeapon = generateRandomAttack();
            enemyElement.innerHTML = getPlayerWeaponSymbol(enemyWeapon);
            var result = determineAttackResult(playerWeapon, enemyWeapon);
            displayResult(result);
            isGameOver = true;
        }
        
        // Función para determinar el resultado del ataque
        function determineAttackResult(playerWeapon, enemyWeapon) {
            if (playerWeapon === enemyWeapon) {
                return "¡Empate!";
            } else if (
                (playerWeapon === "gun" && enemyWeapon === "knife") ||
                (playerWeapon === "knife" && enemyWeapon === "grenade") ||
                (playerWeapon === "grenade" && enemyWeapon === "gun")
            ) {
                return "¡Has Ganado!";
            } else {
                return "¡Has Perdido!";
            }
        }
        
        // Función para mostrar el resultado en el DOM
        function displayResult(result) {
            resultElement.innerHTML = result;
        }
        
        // Función para reiniciar el juego
        function resetGame() {
            playerWeapon = "";
            enemyWeapon = "";
            isGameOver = false;
            playerElement.innerHTML = "";
            enemyElement.innerHTML = "";
            resultElement.innerHTML = "";
        }
        
        // Asignar eventos de clic a las armas
        for (var i = 0; i < weaponElements.length; i++) {
            weaponElements[i].addEventListener("click", handlePlayerAttack);
        }
        
        // Asignar evento de clic para reiniciar el juego
        resetBtn.addEventListener("click", resetGame);
        
        // Función para obtener el símbolo de arma del jugador
        function getPlayerWeaponSymbol(weapon) {
            if (weapon === "gun") {
                return "🔫";
            } else if (weapon === "knife") {
                return "🔪";
            } else if (weapon === "grenade") {
                return "🧨";
            }
        }
    </script>
</body>
</html>