如何將js腳本嵌入到html中

Question

所以我試圖制作一個在線計算器並制作了一個 js 腳本我的問題是如何將此腳本添加到我的 html 我嘗試使用腳本但它沒有做任何事情

 function motion1() { var right=0; var initvel = calc.initvel.value; var finalvel = calc.finalvel.value; var time = calc.time.value; var accl = calc.accl.value; var dist = calc.dist.value; var complete="you have entered more than 3 values. Please leave two text box empty. Other two text box will be calculated based on that"; var incomplete="Sorry! incomplete information"; var validinput="You have not entered numeric values!!"; if (isNaN(calc.initvel.value)) return alert(validinput); if (isNaN(calc.finalvel.value)) return alert(validinput); if (isNaN(calc.time.value)) return alert(validinput); if (isNaN(calc.accl.value)) return alert(validinput); if (isNaN(calc.dist.value)) return alert(validinput); if(initvel!="" && finalvel!="" && time!="" && accl !="" ) return alert(complete); if(initvel!="" && finalvel!="" && time!="" && accl !="" && dist !="" ) return alert(complete); if(initvel!="" && finalvel!="" && time!="" ){ accl=(finalvel-initvel)/time; calc.dist.value= initvel*time + .5*accl*time*time; calc.accl.value=accl right++;} if(initvel!="" && finalvel!="" && accl!="" ){ time=(finalvel-initvel)/accl; calc.dist.value= initvel*time + .5*accl*time*time; calc.time.value=time right++;} if(initvel!="" && time!="" && accl!="" ){ initvel=parseFloat(initvel); calc.finalvel.value=initvel + (accl*time); calc.dist.value= initvel*time + .5*accl*time*time; right++;} if(finalvel!="" && time!="" && accl!="" ){ initvel=finalvel - (accl*time); calc.dist.value= initvel*time + .5*accl*time*time; calc.initvel.value=initvel right++;} if(dist!="" && time!="" && accl!="" ){ initvel=(dist - .5*accl*time*time )/time; calc.finalvel.value= initvel*time + accl*time; calc.initvel.value=initvel right++;} if(dist!="" && initvel!="" && accl!="" ){ finalvel=Math.pow(initvel*initvel + 2*dist*accl,.5); calc.time.value= (finalvel - initvel)/accl; calc.finalvel.value=finalvel right++;} if(dist!="" && initvel!="" && finalvel!="" ){ accl=(finalvel*finalvel - initvel*initvel)/2/dist; calc.time.value= (finalvel - initvel)/accl; calc.accl.value=accl right++;} if(dist!="" && finalvel!="" && accl!="" ){ initvel=Math.pow(finalvel*finalvel - 2*dist*accl,.5); calc.time.value= (finalvel - initvel)/accl; calc.initvel.value=initvel right++;} if(!right) alert(incomplete); // Less than the required fields entered! }

這是牛頓運動學方程計算器，如果有幫助，它應該看起來像這樣在此處輸入圖像描述

所以它會問我的價值，它應該能夠解決其他領域

Answer 1

您提出的問題是……您不調用腳本。 目前你只聲明了一個名為motion1的 JS-Function

要調用它，只需編寫“motion();” 在函數之后的閉合大括號下方。

順便說一句：即使你調用你的腳本，它也不會工作，因為它里面有錯誤......如果你的文件中沒有全局變量calc 。 如果您粘貼的腳本只是part of the page的part of the page並且您的文件中仍然有這樣的calc對象，請忽略此 BTW-Comment ;)

Answer 2

是的，javascript 屬於<script> </script>標簽之間。

然后你將動作綁定到 html 元素，比如輸入框。

我建議從基礎開始並查看一些教程:)

https://www.w3schools.com/jsref/prop_text_value.asp

Answer 3

這里更好的方法是，您可以從 GitHub 或任何其他平台下載一些計算器示例代碼，然后開始調試和修改該代碼，並嘗試向該計算器添加更多功能。 祝你好運