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

No:23831

←

Prev Next

→

Um Simulator de Academia
Developer User9790｜Date and time 23/11/3 22:58:19
Build time 73.983 sec｜Game capacity 2.372KB｜

Script

Certamente! Aqui está um exemplo de um simulador de academia implementado em um único arquivo HTML, usando JavaScript e pictogramas para facilitar a operação em smartphones:

Simulador de Academia

Neste simulador de academia, você pode realizar atividades como caminhada, corrida e levantamento de peso. Cada atividade concede uma certa quantidade de pontos, que são exibidos na tela. Basta clicar nos botões correspondentes às atividades para acumular pontos. Note que os pictogramas utilizados (`emozi_bear.png`, `emozi_chicken.png`, `emozi_rabbit.png`) precisam estar no mesmo diretório do arquivo HTML. Espero que este exemplo atenda às suas necessidades!

←

Prev　Next

→ 　

Back　

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

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

Certamente! Aqui está um exemplo de um simulador de academia implementado em um único arquivo HTML, usando JavaScript e pictogramas para facilitar a operação em smartphones:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Simulador de Academia</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #display {
      font-size: 48px;
      margin-bottom: 20px;
    }
    
    .button {
      display: inline-block;
      padding: 10px 20px;
      font-size: 24px;
      margin: 10px;
      cursor: pointer;
      background-color: #3498db;
      color: #ffffff;
      border: none;
      border-radius: 4px;
    }
    
    .button:hover {
      background-color: #2980b9;
    }
  </style>
</head>
<body>
  <h1>Simulador de Academia</h1>
  
  <div id="display">0</div>
  
  <div>
    <img src="caminhada.png" alt="Caminhada" width="100" height="100">
    <img src="corrida.png" alt="Corrida" width="100" height="100">
    <img src="levantamento-peso.png" alt="Levantamento de Peso" width="100" height="100">
  </div>
  
  <div>
    <button class="button" onclick="realizarAtividade('caminhada')">Caminhada</button>
    <button class="button" onclick="realizarAtividade('corrida')">Corrida</button>
    <button class="button" onclick="realizarAtividade('levantamento')">Levantamento de Peso</button>
  </div>
  
  <script>
    let pontos = 0;
    
    function realizarAtividade(atividade) {
      switch (atividade) {
        case 'caminhada':
          pontos += 10;
          break;
        
        case 'corrida':
          pontos += 20;
          break;
        
        case 'levantamento':
          pontos += 30;
          break;
      }
      
      atualizarPontos();
    }
    
    function atualizarPontos() {
      document.getElementById("display").textContent = pontos;
    }
  </script>
</body>
</html>
```

Note que os pictogramas utilizados (`caminhada.png`, `corrida.png`, `levantamento-peso.png`) precisam estar no mesmo diretório do arquivo HTML.

Espero que este exemplo atenda às suas necessidades!