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

No:21885

111

←

Prev Next

→

Divrtimento per divertirsi
Developer User10082｜Date and time 23/10/19 3:44:33
Build time 85.158 sec｜Game capacity 4.315KB｜

Script

Ecco un esempio di un semplice gioco implementato come un file HTML singolo, con l'utilizzo di JavaScript e icone/pittogrammi per una migliore esperienza su dispositivi mobili:

Gioco dei Pictogrammi

Punteggio: 0

Nel codice sopra, il gioco consiste nel scegliere un'immagine/icona tra tre opzioni rappresentate dai pictogrammi. Una volta effettuata una scelta, il computer effettuerà la sua selezione in modo casuale e verrà determinato il vincitore. Il punteggio viene aggiornato in base al risultato.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Ecco un esempio di un semplice gioco implementato come un file HTML singolo, con l'utilizzo di JavaScript e icone/pittogrammi per una migliore esperienza su dispositivi mobili:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Gioco dei Pictogrammi</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        h1 {
            margin-top: 50px;
        }
        
        #score {
            font-size: 24px;
            margin-top: 20px;
        }
        
        #buttons {
            margin-top: 40px;
        }
        
        #game-area {
            margin-top: 50px;
        }
        
        .button {
            display: inline-block;
            margin: 10px;
            padding: 20px;
            width: 120px;
            height: 120px;
            border-radius: 10px;
            cursor: pointer;
        }
        
        .button img {
            width: 80px;
            height: 80px;
        }
    </style>
</head>
<body>
    <h1>Gioco dei Pictogrammi</h1>
    <div id="score">Punteggio: 0</div>
    <div id="buttons">
        <div class="button" onclick="play(0)">
            <img src="icon1.png" alt="Icona 1">
        </div>
        <div class="button" onclick="play(1)">
            <img src="icon2.png" alt="Icona 2">
        </div>
        <div class="button" onclick="play(2)">
            <img src="icon3.png" alt="Icona 3">
        </div>
    </div>
    <div id="game-area"></div>

function play(selection) {
            var computerSelection = Math.floor(Math.random() * 3);

var result = determineWinner(selection, computerSelection);
            displayResult(result, selection, computerSelection);

updateScore(result);
        }

function displayResult(result, selection, computerSelection) {
            var resultText = "";

switch (result) {
                case "tie":
                    resultText = "Pareggio!";
                    break;
                case "win":
                    resultText = "Hai vinto!";
                    break;
                case "lose":
                    resultText = "Hai perso!";
                    break;
            }

var gameResult = document.createElement("p");
            gameResult.textContent = resultText;

var playerIcon = document.createElement("img");
            playerIcon.src = "icon" + (selection + 1) + ".png";
            playerIcon.alt = "Icona " + (selection + 1);
            playerIcon.style.marginRight = "20px";

var computerIcon = document.createElement("img");
            computerIcon.src = "icon" + (computerSelection + 1) + ".png";
            computerIcon.alt = "Icona " + (computerSelection + 1);

gameArea.innerHTML = "";
            gameArea.appendChild(playerIcon);
            gameArea.appendChild(gameResult);
            gameArea.appendChild(computerIcon);
        }

function updateScore(result) {
            if (result === "win") {
                score++;
            } else if (result === "lose") {
                score--;
            }

document.getElementById("score").textContent = "Punteggio: " + score;
        }
    </script>
</body>
</html>
```