From 45caa506c20dd07e9dfbb1b5c9b2a3e0cbabf1cf Mon Sep 17 00:00:00 2001
From: Luck5572 <shangxuanj6@gmail.com>
Date: Thu, 17 Oct 2024 14:49:00 +0800
Subject: [PATCH] =?UTF-8?q?=E9=99=88=E6=AD=A3=E7=90=A6=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 计算器.html | 90 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 90 insertions(+)
 create mode 100644 计算器.html
diff --git a/计算器.html b/计算器.html
new file mode 100644
index 0000000..3759ce7
--- /dev/null
+++ b/计算器.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Simple Calculator</title>
+    <style>
+      body {
+        font-family: Arial, sans-serif;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 100vh;
+        margin: 0;
+      }
+      .calculator {
+        border: 1px solid #ccc;
+        padding: 20px;
+        box-shadow: 0 0 10px #ccc;
+      }
+      input[type="text"] {
+        width: 220px;
+        padding: 10px;
+        margin-bottom: 10px;
+      }
+      button {
+        padding: 10px 20px;
+        margin-right: 5px;
+        cursor: pointer;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="calculator">
+      <input type="text" id="firstNumber" placeholder="输入第一个数" />
+      <input type="text" id="secondNumber" placeholder="输入第二个数" />
+      <button onclick="calculate('+')">+</button>
+      <button onclick="calculate('-')">-</button>
+      <button onclick="calculate('*')">*</button>
+      <button onclick="calculate('/')">/</button>
+      <button onclick="calculate('%')">%</button>
+      <div id="result">结果:</div>
+    </div>
+
+    <script>
+      function calculate(operator) {
+        var firstNumber = parseFloat(
+          document.getElementById("firstNumber").value
+        );
+        var secondNumber = parseFloat(
+          document.getElementById("secondNumber").value
+        );
+        var result;
+
+        switch (operator) {
+          case "+":
+            result = firstNumber + secondNumber;
+            break;
+          case "-":
+            result = firstNumber - secondNumber;
+            break;
+          case "*":
+            result = firstNumber * secondNumber;
+            break;
+          case "/":
+            if (secondNumber !== 0) {
+              result = firstNumber / secondNumber;
+            } else {
+              alert("Cannot divide by zero.");
+              return;
+            }
+            break;
+          case "%":
+            if (secondNumber !== 0) {
+              result = firstNumber % secondNumber;
+            } else {
+              alert("Cannot calculate modulo by zero.");
+              return;
+            }
+            break;
+          default:
+            alert("Unsupported operation.");
+            return;
+        }
+
+        document.getElementById("result").textContent = "Result: " + result;
+      }
+    </script>
+  </body>
+</html>
