update all

electricity_calculator.html

@@ -15,8 +15,6 @@
         max-width: 600px;
         margin: 0 auto;
         padding: 20px;
-        border: 1px solid #ccc;
-        border-radius: 5px;
       }
 
       label {
@@ -58,19 +56,13 @@
       <h1>电费计算器</h1>
 
       <label for="power">设备功耗 (瓦):</label>
-      <input type="number" id="power" placeholder="例如: 100" required />
+      <input type="number" id="power" value="100" required />
 
       <label for="hours">每日使用时长 (小时):</label>
-      <input type="number" id="hours" placeholder="例如: 8" required />
+      <input type="number" id="hours" value="8" required />
 
       <label for="price">电价 (元/度):</label>
-      <input
-        type="number"
-        id="price"
-        placeholder="例如: 0.6"
-        step="0.01"
-        required
-      />
+      <input type="number" id="price" value="0.6" step="0.01" required />
 
       <button onclick="calculateCost()">计算</button>
 
@@ -84,6 +76,9 @@
     </div>
 
     <script>
+      // 页面加载时自动计算一次
+      document.addEventListener("DOMContentLoaded", calculateCost);
+
       function calculateCost() {
         // 获取输入值
         let power = parseFloat(document.getElementById("power").value);