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

No:20216

←

Prev Next

→

🌑から🌕にしよう
Developer User8984｜Date and time 23/10/8 21:28:03
Build time 13.557 sec｜Game capacity 2.202KB｜

Script

了解です。以下に、スマホで遊べる「🌑から🌕にしよう」というゲームを実装したHTMLファイルを記述します。JavaScriptはscriptタグで囲んでいます。

🌑から🌕にしよう

タップで画面を明るくしよう！

🌑

このHTMLファイルをスマートフォンのブラウザで開くと、画面上に「🌑から🌕にしよう」という見出しと、「タップで画面を明るくしよう！」というテキストが表示されます。また、初期状態では「🌑」という絵文字が表示されています。タップすると、月の絵文字と背景色が切り替わります。「🌑」をタップすると背景が明るくなり、「🌕」に絵文字が変わります。再度タップすると元の状態に戻ります。これにより、スマートフォン上で「🌑から🌕にしよう」というゲームをプレイすることができます。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解です。以下に、スマホで遊べる「🌑から🌕にしよう」というゲームを実装したHTMLファイルを記述します。JavaScriptはscriptタグで囲んでいます。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>🌑から🌕にしよう</title>
    <style>
        body {
            background-color: #000;
            text-align: center;
            color: #fff;
            font-size: 48px;
        }
    </style>
</head>
<body>
    <h1>🌑から🌕にしよう</h1>
    <p>タップで画面を明るくしよう！</p>
    <p id="moon">🌑</p>

// 月の状態を変える処理
        function changeMoon() {
            var moonElement = document.getElementById('moon');
            var currentMoon = moonElement.innerHTML;
            if (currentMoon === '🌑') {
                moonElement.innerHTML = '🌕';
                document.body.style.backgroundColor = '#fff';
                document.body.style.color = '#000';
            } else {
                moonElement.innerHTML = '🌑';
                document.body.style.backgroundColor = '#000';
                document.body.style.color = '#fff';
            }
        }
    </script>
</body>
</html>
```

このHTMLファイルをスマートフォンのブラウザで開くと、画面上に「🌑から🌕にしよう」という見出しと、「タップで画面を明るくしよう！」というテキストが表示されます。また、初期状態では「🌑」という絵文字が表示されています。

タップすると、月の絵文字と背景色が切り替わります。「🌑」をタップすると背景が明るくなり、「🌕」に絵文字が変わります。再度タップすると元の状態に戻ります。

これにより、スマートフォン上で「🌑から🌕にしよう」というゲームをプレイすることができます。