我正在嘗試使用輸入字段來(lái)更改方程的某些值，以便給出合成角度。我已設(shè)法選擇默認(rèn)值并將答案記錄到控制臺(tái)，但是當(dāng)我嘗試更改這些值時(shí)沒(méi)有任何變化？我的最終目標(biāo)是擁有一個(gè)應(yīng)用程序，您可以在其中輸入這 3 個(gè)值并點(diǎn)擊“提交”，然后它將在屏幕上輸出答案。因此，對(duì)于默認(rèn)值，它將輸出“角度為：36.92°”const height = document.getElementById("height").value;const trussSpan = document.getElementById("trussSpan").value;const rafter = document.getElementById("rafter").value;const hypot = Math.hypot(height, (trussSpan / 2));const t1 = Math.atan2(height, (trussSpan / 2)) * 180 / Math.PI;const t2 = Math.atan2(rafter, hypot) * 180 / Math.PI;const result = Number((t1 - t2)).toFixed(2);console.log("height: " + height);console.log("Truss Span: " + trussSpan);console.log("Rafter Depth: " + rafter);console.log("Hyptonuse: " + hypot);console.log("Angle 1: " + t1);console.log("Angle 2: " + t2);console.log("The angle of the truss is: " + result + "°");div{ text-align: center; color: maroon; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight:400;} h1 { text-align: center; color: maroon; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight:400;}<!DOCTYPE html><html><head> <title>Angle Finder</title> <link rel="stylesheet" href="angleFinder.css"></head><body> <div> <label for="height">Height: </label> <input type="number" id="height" value="2000"> <label for="trussSpan">Span: </label> <input type="number" id="trussSpan" value="5000"> <label for="rafter">Rafter Depth: </label> <input type="number" id="rafter" value="97"> <br> <input type="submit" id="submit"> </div> <h1> Angle Finder</h1> <script src="angleFinder.js"></script> </body></html>
如何在 Javascript 中選擇 HTML 輸入元素并更改值來(lái)運(yùn)行方程式？
藍(lán)山帝景
2023-07-06 18:28:53
