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

No:48299

←

Prev Next

→

Vytvoř televizi
Developer User20718｜Date and time 24/3/1 21:26:04
Build time 11.517 sec｜Game capacity 2.033KB｜

Script

TV Game

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>TV Game</title>
    <style>
      body {
        text-align: center;
      }
      
      img {
        width: 100px;
        height: 100px;
        cursor: pointer;
      }
      
      #tvScreen {
        width: 300px;
        height: 200px;
        border: 2px solid black;
        margin: 20px auto;
        background-color: black;
      }
    </style>
  </head>
  <body>
    <h1>TV Game</h1>
    
    <div id="tvScreen"></div>
    
    <div>
      <img src="power.png" onclick="powerOnOff()">
      <img src="volume_up.png" onclick="volumeUp()">
      <img src="volume_down.png" onclick="volumeDown()">
      <img src="channel_up.png" onclick="channelUp()">
      <img src="channel_down.png" onclick="channelDown()">
    </div>
    
    <script>
      let tvIsOn = false;
      let volume = 50;
      let channel = 1;
      const tvScreen = document.getElementById('tvScreen');
      
      function powerOnOff() {
        tvIsOn = !tvIsOn;
        if (tvIsOn) {
          tvScreen.style.backgroundColor = 'white';
          tvScreen.innerHTML = `Channel: ${channel}<br>Volume: ${volume}`;
        } else {
          tvScreen.style.backgroundColor = 'black';
          tvScreen.innerHTML = '';
        }
      }
      
      function volumeUp() {
        if (tvIsOn && volume < 100) {
          volume += 10;
          tvScreen.innerHTML = `Channel: ${channel}<br>Volume: ${volume}`;
        }
      }
      
      function volumeDown() {
        if (tvIsOn && volume > 0) {
          volume -= 10;
          tvScreen.innerHTML = `Channel: ${channel}<br>Volume: ${volume}`;
        }
      }
      
      function channelUp() {
        if (tvIsOn) {
          channel++;
          tvScreen.innerHTML = `Channel: ${channel}<br>Volume: ${volume}`;
        }
      }
      
      function channelDown() {
        if (tvIsOn && channel > 1) {
          channel--;
          tvScreen.innerHTML = `Channel: ${channel}<br>Volume: ${volume}`;
        }
      }
    </script>
  </body>
</html>