javascript - 为什么这段 html 和 javascript 代码不起作用?

标签 javascript html forms function

要求是:

为 JavaScript 函数编写代码:

  • 采用两个整数作为参数
  • 对从最低参数到最高参数的所有数字求和。例如,如果参数为 2 和 4,则结果将为 9,即 2+3+4=9
  • 函数应该返回结果的值

这是我的代码,我找不到错误。

<html>
   <head>
   <title>function</title>
   <script type="text/javascript">
   function sum(a,b) {
       var c=min(a,b);
       for (c;c<b;c++) {
           var d=c+(c+1);
           return d;
       }
       document.getElementById("para").innerHTML=sum();
   }

</script>

</head>

<body>

<form onsubmit="sum()">

<p>Number 01</p><input type="text" name="t1">

<p>Number 02</p><input type="text" name="t2">

<input type="submit" value="sb">

</form>

<p id="para"></p>

</body>
</html>

最佳答案

您的代码有几个错误:

  1. 您没有向 sum 函数传递任何参数!
  2. 您的代码中不存在 min()!
  3. 您需要为您的输入分配一个 ID!

此方法适合您的需要:

<html>
   <head>
   <title>function</title>
   <script type="text/javascript">
   function sum() {
       var a = parseInt(document.getElementById("t1").value);
       var b = parseInt(document.getElementById("t2").value);
       var vmin = Math.min(a,b);
       var vmax = Math.max(a,b);
       var d = 0;
       for (vmin;vmin<=vmax;vmin++) {
           d+=vmin;
       }
       document.getElementById("para").innerHTML=d;
   }

</script>

</head>

<body>

<form>

    <p>Number 01</p><input type="text" name="t1" id="t1">

    <p>Number 02</p><input type="text" name="t2" id="t2">

    <input type="button" value="sb" onclick="sum()">

</form>

<p id="para"></p>

</body>
</html>

关于javascript - 为什么这段 html 和 javascript 代码不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35947269/

相关文章:

javascript - 如何使用 javascript 制作递归爬虫?

javascript - 使用 jQuery 可拖动从 Canvas 获取像素颜色?

html - div 在下面而不是在旁边

forms - Struts 2.3 表单,带有多个带有 action 属性的提交标签

javascript - 我的 sidenav 颜色没有随着按钮(点击)而改变

javascript - 在 Node.js 中使用 express 的 Passport Local 策略 session

asp.net - 本地主机与开发服务器上 IE8 的奇怪显示行为

php - 在日历中显示每日事件

javascript - 优化我的 Javascript 百分比计算器

javascript - Django 模板 - 如果在另一个表单中选择特定项目,则隐藏表单