是否有一种简单有效的方法可以使JS与表单一起正常工作?

时间:2013-09-16 09:25:47

标签: javascript html forms

我昨天问了一个类似的问题,答案很清楚所以我认为我理解这个概念。今天早上我设置了一个新的HTML表单并编写了一些javascript代码片段以使其工作。但是没有什么,我尝试了各种各样的实现,但我没有得到回应。 我尝试使用action属性,我尝试使用onclick,我查看了引用,一切看起来都很好。我刚刚开始学习编程,所以我可能会错过一些愚蠢的东西,但我需要帮助。

这是我的代码:

<html>
<head> <title>PROVA</title>



</head>
<body>
<form action="javascript: eseguiMedia();" >
Proponi un numero per ogni campo:<br>
<input type="text" id="numero1" ><br>
<input type="text" id="numero2" ><br>
<input type="text" id="numero3" ><br>
<input type="submit" value="Submit" >
</form>




<script type="text/javascript">



function eseguiMedia() {
var value1 = document.getElementsById("numero1").value; 
var value2 = document.getElementsById("numero2")value; 
var value3 = document.getElementsById("numero3").value;
var average = Media(value1,value2,value3); 
average = Math.round(average * 100);
 average = average / 100;
alert("La media di " + value1 + ", " + value2 + " and " + value3 + " \(rounded to two places\) è " + average + ".");

}

function Media(num1,num2,num3) {
return ( (num1*1) + (num2*1) + (num3*1) ) / 3; }




</script>

</body>
</html>

我试过这个不同的解决方案:

  • 以这种方式使用action属性action =“javascript:eseguiMedia();”
  • 没有动作,但是onclick =“eseguiMedia();”在按钮中。 。与他们两个。

我想知道在HTML表单中调用函数的正确且始终有效的方法是什么,并将值传递给它。

ps(我知道jquery更好,但我需要在此考试中使用javascript)

0 个答案:

没有答案