test test.html

Marty · Marty · commit 2655aee00eb3 · 2024-11-04T17:28:48.000+08:00
diff --git a/test.html b/test.html
@@ -18,7 +18,7 @@
         }
         #output {
             width: 100%;
-            height: 200px;
+            height: 400px;
             background-color: #f5f5f5;
             padding: 10px;
             box-sizing: border-box;
@@ -36,38 +36,9 @@
 </head>
 <body>
     <h1>Pyodide Python 執行器</h1>
-    <textarea id="python-code" placeholder="在此輸入您的 Python 程式碼，例如：&#10;print('Hello, Pyodide!')">
-import random
-def guess_number_game():
-    while True:
-        # 顯示遊戲開始的提示
-        print("遊戲開始，請從1到50中，隨意輸入一個數字。")
-        
-        # 隨機生成1到50的數字
-        correct_number = random.randint(1, 50)
-        
-        while True:
-            # 玩家輸入數字
-            player_guess = int(input("請輸入你的猜測: "))
-            
-            # 比較玩家的猜測與正確答案
-            if player_guess > correct_number:
-                print("再小一點")
-            elif player_guess < correct_number:
-                print("再大一點")
-            else:
-                print("恭喜你答對")
-                break  # 猜對了，跳出內部迴圈
-        
-        # 詢問玩家是否要繼續遊戲
-        continue_game = input("是否要繼續遊戲? (是/否): ")
-        if continue_game.lower() != '是':
-            print("感謝遊玩，遊戲結束！")
-            break  # 結束遊戲
-# 開始遊戲
-guess_number_game()
-        
-        </textarea>
+    <textarea id="python-code" placeholder="在此輸入您的 Python 程式碼，例如：&#10;print('Hello, Pyodide!')">for i in range(3):
+    user_input = input("請輸入字串")
+    print(user_input + "!")</textarea>
     <br>
     <button id="run-button">執行程式碼</button>
     <h2>輸出結果：</h2>
@@ -84,35 +55,53 @@ <h2>輸出結果：</h2>
             let outputElement = document.getElementById("output");
             outputElement.textContent = "";
 
-            // 修改输出处理，添加换行符
+            // 修改输出处理，实现即时显示
             let printOutput = (text) => {
-                outputElement.textContent += text + "\n";  // 在每次输出后添加换行符
-                outputElement.scrollTop = outputElement.scrollHeight;
+                if (text && text.trim()) {  // 只处理非空输出
+                    outputElement.textContent += text + "\n";
+                    outputElement.scrollTop = outputElement.scrollHeight;
+                }
+            };
+
+            // 将自定义的 prompt 函数添加到全局作用域
+            globalThis.customPrompt = (message) => {
+                printOutput(message); // 立即显示输入提示
+                const result = prompt(message);
+                if (result !== null) {
+                    printOutput(result + "!"); // 立即显示用户输入的结果
+                }
+                return result;
             };
 
+            // 修改 Python 的标准输出和错误输出处理
             pyodide.setStdout({
-                batched: printOutput
+                write: (text) => {
+                    printOutput(text);
+                },
+                flush: () => {}
             });
+
             pyodide.setStderr({
-                batched: printOutput
+                write: (text) => {
+                    printOutput(text);
+                },
+                flush: () => {}
             });
 
-            // 实现交互式输入
+            // 修改输入函数实现
             pyodide.runPython(`
-                import sys
-                from js import prompt
+                from js import customPrompt
                 
-                def custom_input(*args):
-                    return prompt("请输入：")
+                def custom_input(prompt_text=""):
+                    return customPrompt(prompt_text)
                     
                 input = custom_input
             `);
 
             try {
-                // 修改执行代码逻辑，直接执行整个代码块
                 await pyodide.runPythonAsync(code);
             } catch (err) {
-                outputElement.textContent += err;
+                printOutput(err.toString());
             }
         }
 
