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

No:40850

Haz un juego donde tienes que entrenar tocando un ..ALL
Developer User18058｜Date and time 24/2/4 9:32:38
Build time 13.691 sec｜Game capacity 4.205KB｜

Script

Aquí tienes el código HTML para el juego que describiste:

Entrenamiento de Fuerza

Toca el botón para ganar fuerza:

Fuerza actual:

Dinero: 0

Este programa contiene todos los elementos que mencionaste: 1. Un botón para entrenar y aumentar la fuerza. 2. Un botón para empezar el juego y mostrar los cuadrados. 3. Cuatro cuadrados de diferentes colores y fuerzas. 4. Al ganar cada cuadrado, se suma dinero al total. 5. El último cuadrado da una cantidad de dinero mayor. 6. Cuando se ganan todos los cuadrados, aparece un mensaje de victoria. Simplemente copia y pega el código en un archivo HTML y ábrelo en tu navegador para jugar. Recuerda que puedes personalizar el diseño y estilo de los elementos según tus preferencias. ¡Diviértete!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Aquí tienes el código HTML para el juego que describiste:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Entrenamiento de Fuerza</title>
</head>
<body>
    <h1>Entrenamiento de Fuerza</h1>
    <p>Toca el botón para ganar fuerza:</p>
    <button id="entrenarButton">Entrenar</button>
    <p>Fuerza actual: <span id="fuerza"></span></p>
    <button id="jugarButton">Jugar</button>
    <div id="cuadrados" style="display: none;">
        <div id="cuadrado1" style="background-color: blue; width: 100px; height: 100px; display: none;"></div>
        <div id="cuadrado2" style="background-color: green; width: 100px; height: 100px; display: none;"></div>
        <div id="cuadrado3" style="background-color: pink; width: 100px; height: 100px; display: none;"></div>
        <div id="cuadrado4" style="background-color: red; width: 100px; height: 100px; display: none;"></div>
    </div>
    <p>Dinero: <span id="dinero">0</span></p>

// Función para entrenar y aumentar la fuerza
        function entrenar() {
            fuerza += 1;
            document.getElementById("fuerza").textContent = fuerza;
        }

// Función para mostrar los cuadrados y empezar el juego
        function empezarJuego() {
            document.getElementById("cuadrados").style.display = "block";
            document.getElementById("cuadrado1").style.display = "block";
            document.getElementById("jugarButton").disabled = true;
        }

// Funciones para ganar los cuadrados y dinero
        function ganarCuadro1() {
            if (fuerza >= 30) {
                dinero += 10;
                document.getElementById("dinero").textContent = dinero;
                document.getElementById("cuadrado1").style.display = "none";
                document.getElementById("cuadrado2").style.display = "block";
            }
        }

function ganarCuadro2() {
            if (fuerza >= 100) {
                dinero += 50;
                document.getElementById("dinero").textContent = dinero;
                document.getElementById("cuadrado2").style.display = "none";
                document.getElementById("cuadrado3").style.display = "block";
            }
        }

function ganarCuadro3() {
            if (fuerza >= 150) {
                dinero += 150;
                document.getElementById("dinero").textContent = dinero;
                document.getElementById("cuadrado3").style.display = "none";
                document.getElementById("cuadrado4").style.display = "block";
            }
        }

function ganarCuadro4() {
            if (fuerza >= 200) {
                dinero += 190;
                document.getElementById("dinero").textContent = dinero;
                document.getElementById("cuadrado4").style.display = "none";
                alert("¡Has ganado todos los cuadrados y has completado el juego!");
            }
        }

// Asignar funciones a los botones
        document.getElementById("entrenarButton").addEventListener("click", entrenar);
        document.getElementById("jugarButton").addEventListener("click", empezarJuego);
        document.getElementById("cuadrado1").addEventListener("click", ganarCuadro1);
        document.getElementById("cuadrado2").addEventListener("click", ganarCuadro2);
        document.getElementById("cuadrado3").addEventListener("click", ganarCuadro3);
        document.getElementById("cuadrado4").addEventListener("click", ganarCuadro4);
    </script>
</body>
</html>
```

Este programa contiene todos los elementos que mencionaste:

1. Un botón para entrenar y aumentar la fuerza.
2. Un botón para empezar el juego y mostrar los cuadrados.
3. Cuatro cuadrados de diferentes colores y fuerzas.
4. Al ganar cada cuadrado, se suma dinero al total.
5. El último cuadrado da una cantidad de dinero mayor.
6. Cuando se ganan todos los cuadrados, aparece un mensaje de victoria.

Simplemente copia y pega el código en un archivo HTML y ábrelo en tu navegador para jugar. Recuerda que puedes personalizar el diseño y estilo de los elementos según tus preferencias. ¡Diviértete!