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

No:42545

←

Prev Next

→

Bate-papo
Developer User18904｜Date and time 24/2/12 1:35:32
Build time 15.197 sec｜Game capacity 3.923KB｜

Script

Claro, vou criar um exemplo de jogo para você, utilizando pictogramas e operação de smartphone. Veja abaixo o código HTML:

Jogo de Adivinhação

Escolha um número entre 1 e 5:

Esse código cria um simples jogo de adivinhação, onde o jogador precisa escolher um número entre 1 e 5. Os números são representados por pictogramas, que podem ser selecionados tocando neles. Após fazer uma escolha, o jogador pode pressionar o botão "Testar" para verificar se acertou ou errou. O resultado é exibido na tela e o jogador pode reiniciar o jogo pressionando o botão "Reiniciar". Certifique-se de salvar as imagens dos pictogramas (1.png, 2.png, 3.png, 4.png, 5.png) em uma pasta chamada "pictogramas" no mesmo diretório do arquivo HTML. Você pode substituir essas imagens por outras de sua escolha. Espero que esse exemplo atenda às suas necessidades!

←

Prev　Next

→ 　

Back　

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

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

Claro, vou criar um exemplo de jogo para você, utilizando pictogramas e operação de smartphone. Veja abaixo o código HTML:

```html
<!DOCTYPE html>
<html>
<head>
<title>Jogo de Adivinhação</title>
<style>
  #game-container {
    text-align: center;
    padding: 20px;
  }
  
  #instructions {
    font-size: 24px;
    margin-bottom: 20px;
  }
  
  #guess-input {
    font-size: 24px;
    width: 200px;
    margin-bottom: 10px;
    padding: 5px;
  }
  
  #submit-button {
    font-size: 24px;
    padding: 5px 20px;
  }
  
  #result {
    font-size: 24px;
    margin-top: 20px;
  }
  
  #restart-button {
    font-size: 24px;
    padding: 5px 20px;
  }
  
  .pictogram {
    width: 50px;
    height: 50px;
    margin: 5px;
    background-size: cover;
    display: inline-block;
  }
</style>
</head>
<body>
  <div id="game-container">
    <h1>Jogo de Adivinhação</h1>
    <div id="instructions">
      <p>Escolha um número entre 1 e 5:</p>
      <div class="pictogram" style="background-image: url('pictogramas/1.png');" onclick="selectNumber(1)"></div>
      <div class="pictogram" style="background-image: url('pictogramas/2.png');" onclick="selectNumber(2)"></div>
      <div class="pictogram" style="background-image: url('pictogramas/3.png');" onclick="selectNumber(3)"></div>
      <div class="pictogram" style="background-image: url('pictogramas/4.png');" onclick="selectNumber(4)"></div>
      <div class="pictogram" style="background-image: url('pictogramas/5.png');" onclick="selectNumber(5)"></div>
    </div>
    <input id="guess-input" type="number" />
    <button id="submit-button" onclick="checkGuess()">Testar</button>
    <p id="result"></p>
    <button id="restart-button" onclick="restartGame()">Reiniciar</button>
  </div>

Certifique-se de salvar as imagens dos pictogramas (1.png, 2.png, 3.png, 4.png, 5.png) em uma pasta chamada "pictogramas" no mesmo diretório do arquivo HTML. Você pode substituir essas imagens por outras de sua escolha.

Espero que esse exemplo atenda às suas necessidades!