瀏覽代碼

<HW7> done

Mark 1 年之前
父節點
當前提交
6bfdfd4b90
共有 2 個文件被更改,包括 27 次插入2 次删除
  1. 5 2
      07/index1.html
  2. 22 0
      07/main.js

+ 5 - 2
07/index1.html

@@ -9,8 +9,11 @@
 </head>
 
 <body>
-   <script src="main.js">
-   </script>
+   <input id="input1" type="number" placeholder="kmPerDay">
+   <input id="input2" type="number" placeholder="walkPerDay">
+   <button id="calc">enter</button><br>
+   <textarea id="result" placeholder="kmPerWeek" style="resize: none; margin-top: 12px;" rows="1"></textarea>
+   <script src="main.js"></script>
 </body>
 
 </html>

+ 22 - 0
07/main.js

@@ -57,6 +57,28 @@ for (let i = 1; i < 10; i++) {
 document.body.appendChild(table)
 
 // Calc
+// let calc = document.getElementById("calc");
+// let input1 = document.getElementById("input1");
+// let input2 = document.getElementById("input2");
+// calc.onclick = function () {
+//    alert(`${(+input1.value) * (+input2.value)} km per week`);
+// }
+
+// Calc Live
+let calc = document.getElementById("calc");
+let input1 = document.getElementById("input1");
+let input2 = document.getElementById("input2");
+let result = document.getElementById("result");
+function calc1() {
+   result.innerText = (+input1.value) * (+input2.value)
+}
+input1.oninput = calc1
+input2.oninput = calc1
+calc.onclick = calc1
+
+
+
+