Make a phone Simulator's game

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

No:17377

←

Prev Next

→

Make a phone Simulator
Developer User7500｜Date and time 23/9/23 6:48:03
Build time 12.328 sec｜Game capacity 1.36KB｜

Script

📱

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<HTML>
  <head>
    <title>Phone Simulator</title>
    <style>
      #phone {
        width: 300px;
        height: 600px;
        border: 1px solid black;
        border-radius: 10px;
        margin: 0 auto;
        background-color: #f2f2f2;
        display: flex;
        flex-direction: column;
      }

#screen {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        color: #333;
      }

#buttons {
        display: flex;
        justify-content: space-around;
        padding: 10px;
      }

.button {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #ccc;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div id="phone">
      <div id="screen">📱</div>
      <div id="buttons">
        <div class="button" onclick="pressButton('1')">1</div>
        <div class="button" onclick="pressButton('2')">2</div>
        <div class="button" onclick="pressButton('3')">3</div>
      </div>
    </div>

function pressButton(button) {
        screen.innerText += button;
      }
    </script>
  </body>
</HTML>