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

No:14903

169

←

Prev Next

→

携帯電話の新機能
Developer sayaensm｜Date and time 23/9/4 22:10:04
Build time 30.871 sec｜Game capacity 3.058KB｜

Script

は、携帯電話の新機能についての情報を提供するアプリケーションを作成するプログラムです。以下に、必要な要件とプログラムの実装例を示します。 - プログラムは1枚のhtmlファイルとして実装する。 - 必ずJavaScriptを含む。JavaScriptは必ずscriptタグで囲む。 - 実際のプログラムで記述する。処理は実行開始されていること。 - 完成したゲームとして遊べる。 - スマホの操作前提で設計する。 - 可能なら絵文字を使う。

携帯電話の新機能

このプログラムは、スワイプ操作を検知し、スワイプの方向に応じたメッセージを表示します。「result」要素にメッセージが表示されます。このプログラムをモバイルウェブブラウザで開くと、スワイプ操作を行うことで結果が変化するゲームとして遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

は、携帯電話の新機能についての情報を提供するアプリケーションを作成するプログラムです。

以下に、必要な要件とプログラムの実装例を示します。

- プログラムは1枚のhtmlファイルとして実装する。
- 必ずJavaScriptを含む。JavaScriptは必ずscriptタグで囲む。
- 実際のプログラムで記述する。処理は実行開始されていること。
- 完成したゲームとして遊べる。
- スマホの操作前提で設計する。
- 可能なら絵文字を使う。

```html
<!DOCTYPE html>
<html>
<head>
    <title>携帯電話の新機能</title>
    <style>
        body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-size: 2rem;
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>携帯電話の新機能</h1>
    <p id="result"></p>

// スワイプ操作の検知
            document.addEventListener('touchstart', handleTouchStart, false);
            document.addEventListener('touchmove', handleTouchMove, false);

let startX = 0;
            let startY = 0;

function handleTouchStart(event) {
                const touch = event.touches[0];
                startX = touch.clientX;
                startY = touch.clientY;
            }

function handleTouchMove(event) {
                if (!startX || !startY) {
                    return;
                }

const touch = event.touches[0];
                const deltaX = touch.clientX - startX;
                const deltaY = touch.clientY - startY;

if (Math.abs(deltaX) > Math.abs(deltaY)) {
                    if (deltaX > 0) {
                        resultElement.innerText = '右へスワイプしました。';
                    } else {
                        resultElement.innerText = '左へスワイプしました。';
                    }
                } else {
                    if (deltaY > 0) {
                        resultElement.innerText = '下へスワイプしました。';
                    } else {
                        resultElement.innerText = '上へスワイプしました。';
                    }
                }

startX = 0;
                startY = 0;
            }
        });
    </script>
</body>
</html>
```

このプログラムは、スワイプ操作を検知し、スワイプの方向に応じたメッセージを表示します。「result」要素にメッセージが表示されます。

このプログラムをモバイルウェブブラウザで開くと、スワイプ操作を行うことで結果が変化するゲームとして遊ぶことができます。