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

No:40727

106

←

Prev Next

→

Sconfiggi mediamente per riscattare il famoso jous..ALL
Developer User16406｜Date and time 24/2/4 0:08:07
Build time 9.683 sec｜Game capacity 2.259KB｜

Script

Ecco un esempio di implementazione di un gioco in un singolo file HTML, con l'uso di JavaScript e l'uso di pictogrammi per l'operazione su smartphone:

Jousepin - Il Gioco

In questo semplice gioco, devi attaccare Jousepin cliccando sul pulsante "Attacca!". La potenza dell'attacco viene generata casualmente da 1 a 10. La dimensione di Jousepin diminuirà in base alla potenza dell'attacco. Se la potenza dell'attacco è superiore a 5, hai sconfitto Jousepin e comparirà un messaggio di vittoria. È stato utilizzato uno stile CSS per posizionare i componenti al centro della pagina e per visualizzare un messaggio di vittoria o sconfitta. È possibile aggiungere le immagini di Jousepin, un'icona felice per la vittoria (happy.png) e un'icona triste per la sconfitta (sad.png) nella stessa directory del file HTML. Ricorda di sostituire "emozi_rabbit.png", "emozi_apple.png" e "emozi_bear.png" con le tue immagini appropriate.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Ecco un esempio di implementazione di un gioco in un singolo file HTML, con l'uso di JavaScript e l'uso di pictogrammi per l'operazione su smartphone:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jousepin - Il Gioco</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 20%;
    }
    img {
      width: 100px;
      height: 100px;
    }
    #message {
      margin-top: 10px;
      font-weight: bold;
      color: red;
    }
  </style>
</head>
<body>
  <h1>Jousepin - Il Gioco</h1>

<button onclick="attack()">Attacca!</button>

// Generiamo casualmente un numero di attacco da 1 a 10
      var attackPower = Math.floor(Math.random() * 10) + 1;

// Riduciamo la dimensione di Jousepin in base alla potenza di attacco
      jousepinImg.style.width = (100 - attackPower * 10) + 'px';
      jousepinImg.style.height = (100 - attackPower * 10) + 'px';

if (attackPower > 5) {
        message.textContent = 'Hai sconfitto Jousepin!';
        jousepinImg.src = "happy.png";
        document.querySelector('button').disabled = true;
      } else {
        message.textContent = 'Jousepin è ancora troppo forte!';
      }
    }
  </script>
</body>
</html>
```

È stato utilizzato uno stile CSS per posizionare i componenti al centro della pagina e per visualizzare un messaggio di vittoria o sconfitta. È possibile aggiungere le immagini di Jousepin, un'icona felice per la vittoria (happy.png) e un'icona triste per la sconfitta (sad.png) nella stessa directory del file HTML.

Ricorda di sostituire "jousepin.png", "happy.png" e "sad.png" con le tue immagini appropriate.