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

No:27295

Um simulador de Computador
Developer User13247｜Date and time 23/12/6 2:16:02
Build time 95.897 sec｜Game capacity 3.15KB｜

Script

Simulador de Computador

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Simulador de Computador</title>
    <style>
      body {
        background-color: #f3f3f3;
        font-family: Arial, sans-serif;
      }
      #computer {
        margin: 50px auto;
        width: 400px;
        height: 300px;
        background-color: #fff;
        border: 2px solid #333;
        border-radius: 10px;
        padding: 20px;
        text-align: center;
      }
      #power-btn {
        background-color: #f00;
        color: #fff;
        padding: 10px 15px;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
      }
      #power-btn:hover {
        background-color: #d00;
      }
      #screen {
        width: 100%;
        height: 180px;
        background-color: #000;
        color: #fff;
        font-size: 20px;
        padding: 10px;
        margin-bottom: 20px;
        overflow: auto;
      }
      #keyboard {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
      }
      .key {
        background-color: #333;
        color: #fff;
        padding: 10px;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
      }
      .key:hover {
        background-color: #555;
      }
    </style>
  </head>
  <body>
    <div id="computer">
      <h1>Simulador de Computador</h1>
      <button id="power-btn">Ligar/Desligar</button>
      <div id="screen"></div>
      <div id="keyboard">
        <button class="key">1</button>
        <button class="key">2</button>
        <button class="key">3</button>
        <button class="key">4</button>
        <button class="key">5</button>
        <button class="key">6</button>
        <button class="key">7</button>
        <button class="key">8</button>
        <button class="key">9</button>
        <button class="key">*</button>
        <button class="key">0</button>
        <button class="key">#</button>
      </div>
    </div>

// Função para ligar/desligar o computador
        function togglePower() {
          computerOn = !computerOn;
          if (computerOn) {
            screen.innerHTML = "Computador ligado!";
          } else {
            screen.innerHTML = "";
          }
          for (let i = 0; i < keys.length; i++) {
            keys[i].disabled = !computerOn;
          }
        }

powerBtn.addEventListener("click", togglePower);

// Função para simular pressionar uma tecla
        function pressKey(event) {
          if (!computerOn) {
            return;
          }
          const key = event.target.innerHTML;
          screen.innerHTML += key;
        }

for (let i = 0; i < keys.length; i++) {
          keys[i].addEventListener("click", pressKey);
        }
      });
    </script>
  </body>
</html>