簡報原始檔#

下載處

範例程式碼#

01#

基礎元素語法架構

1
<!DOCTYPE html>
2
<html>
3
  <head>
4
    <title>This is a title</title>
5
  </head>
6
  <body>
7
    <p>Hello world!</p>
8
  </body>
9
</html>

Hello world!

02#

嵌入框架

1
<iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/track/7xiDcv4X3oH0rsUlPO2YOC?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

03#

AI寫出來的狗屁遊戲，就交給你們來改良了

1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
    <meta charset="UTF-8">
5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
    <title>恐怖文字冒險遊戲</title>
7
    <style>
8
        body {
9
            font-family: Arial, sans-serif;
10
            margin: 20px;
11
        }
12
        .container {
13
            max-width: 600px;
14
            margin: 0 auto;
15
        }
16
        #output {
17
            border: 1px solid #ccc;
18
            padding: 10px;
19
            min-height: 200px;
20
            background-color: #f9f9f9;
21
            margin-bottom: 10px;
22
        }
23
        #input {
24
            width: 100%;
25
            padding: 5px;
26
        }
27
    </style>
28
</head>
29
<body>
30
    <div class="container">
31
        <h1>恐怖文字冒險遊戲</h1>
32
        <div id="output">
33
            <p>你醒來發現自己在一個陰暗的房間裡，四周一片漆黑。</p>
34
            <p>你可以在這裡看到一扇鐵門和一扇木門。</p>
35
        </div>
36
        <input type="text" id="input" placeholder="請輸入你的行動...">
37
    </div>
38

39
    <script>
40
        const output = document.getElementById('output');
41
        const input = document.getElementById('input');
42

43
        input.focus();
44

45
        input.addEventListener('keydown', function(event) {
46
            if (event.key === 'Enter') {
47
                const action = input.value.toLowerCase().trim();
48
                input.value = '';
49
                handleAction(action);
50
            }
51
        });
52

53
        function handleAction(action) {
54
            const actions = {
55
                '打開鐵門': function() {
56
                    output.innerHTML += "<p>你打開了鐵門，突然一陣寒風吹進來，你感到一陣不祥的預感...</p>";
57
                },
58
                '打開木門': function() {
59
                    output.innerHTML += "<p>你打開了木門，裡面是一條陰暗的走廊，你聽到了一些奇怪的聲音...</p>";
60
                },
61
                '逃跑': function() {
62
                    output.innerHTML += "<p>你試圖逃跑，但房間的門突然關上了，你無法離開...</p>";
63
                },
64
                '探索房間': function() {
65
                    output.innerHTML += "<p>你仔細搜索房間，找到了一個看似古老的日記...</p>";
66
                }
67
            };
68

69
            if (actions[action]) {
70
                actions[action]();
71
            } else {
72
                output.innerHTML += "<p>你的行動無效。</p>";
73
            }
74
        }
75
    </script>
76
</body>
77
</html>

Android ADB