如何将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 或任何其他平台下载一些计算器示例代码，然后开始调试和修改该代码，并尝试向该计算器添加更多功能。 祝你好运