陈正琦提交

10 months ago · 45caa506c2
commit 45caa506c2
1 changed files with 90 additions and 0 deletions
--- a/计算器.html
+++ 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>