Code a computer operating system like Windows but with on-screen controls's game

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

No:48003

←

Prev Next

→

Code a computer operating system like Windows but ..ALL
Developer User20679｜Date and time 24/3/1 7:09:14
Build time 7.082 sec｜Game capacity 1.393KB｜

Script

📞

📧

📷

🔒

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mobile OS Simulator</title>
<style>
    #screen {
        width: 100vw;
        height: 80vh;
        border: 2px solid black;
        background-color: lightgray;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-content: space-around;
    }
    .button {
        width: 30%;
        height: 30%;
        border: 2px solid black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
</style>
</head>
<body>
<div id="screen">
    <div class="button" id="button1">📞</div>
    <div class="button" id="button2">📧</div>
    <div class="button" id="button3">📷</div>
    <div class="button" id="button4">🔒</div>
</div>

document.getElementById('button2').addEventListener('click', function() {
        alert('Opening email app...');
    });

document.getElementById('button3').addEventListener('click', function() {
        alert('Opening camera app...');
    });

document.getElementById('button4').addEventListener('click', function() {
        alert('Locking screen...');
    });
</script>
</body>
</html>