From 731317aa1dba47753fb6f0cfeb181b91c0925495 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=94=A1=E5=86=9B=E4=BB=81?= <3115324624@qq.com>
Date: Wed, 9 Oct 2024 10:51:26 +0800
Subject: [PATCH] Add simple calculator program

---
 calculator.html | 62 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 calculator.html
diff --git a/calculator.html b/calculator.html
new file mode 100644
index 0000000..883bfa8
--- /dev/null
+++ b/calculator.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>  
+<html lang="en">  
+<head>  
+    <meta charset="UTF-8">  
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
+    <title>简单计算器</title>  
+    <style>  
+        /* 简单的样式，可以根据需要自定义 */  
+        body { font-family: Arial, sans-serif; }  
+        .calculator { max-width: 300px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; border-radius: 5px; }  
+        input, button { width: 100%; padding: 10px; margin: 5px 0; }  
+    </style>  
+</head>  
+<body>  
+    <div class="calculator">  
+        <input type="text" id="result" readonly>  
+        <br>  
+        <input type="number" id="num1" placeholder="输入第一个数字">  
+        <select id="operator">  
+            <option value="+">+</option>  
+            <option value="-">-</option>  
+            <option value="*">*</option>  
+            <option value="/">/</option>  
+        </select>  
+        <input type="number" id="num2" placeholder="输入第二个数字">  
+        <br>  
+        <button onclick="calculate()">计算</button>  
+    </div>  
+  
+    <script>  
+        function calculate() {  
+            const num1 = parseFloat(document.getElementById('num1').value);  
+            const num2 = parseFloat(document.getElementById('num2').value);  
+            const operator = document.getElementById('operator').value;  
+            let result;  
+  
+            switch (operator) {  
+                case '+':  
+                    result = num1 + num2;  
+                    break;  
+                case '-':  
+                    result = num1 - num2;  
+                    break;  
+                case '*':  
+                    result = num1 * num2;  
+                    break;  
+                case '/':  
+                    if (num2 === 0) {  
+                        result = '错误：除数不能为零';  
+                    } else {  
+                        result = num1 / num2;  
+                    }  
+                    break;  
+                default:  
+                    result = '错误：无效运算符';  
+            }  
+  
+            document.getElementById('result').value = result;  
+        }  
+    </script>  
+</body>  
+</html>
\ No newline at end of file
