javascript - 在HTML表单中添加JavaScript计算功能

标签 javascript jquery html function

我正在尝试在外部 JavaScript 中链接基本计算 形式非常简单,函数只是检查以确保步数是偶数。我已经多次检查了代码,但是当我输入数字并点击提交时没有任何反应。有什么建议么?看来我只是没有正确链接函数和输入元素。 这是代码:

function evenNumbers() {
var evenNumberBtn = document.querySelector("button");
evenNumberBtn.addEventListener("click", evenNumbers);
    var startNumber = parseInt(document.getElementById("startNumber").value);
    var endNumber = parseInt(document.getElementById("endNumber").value);
    var stepNumber = parseInt(document.getElementById("stepNumber").value);
        while (startNumber + stepNumber <= endNumber) {  
            if (startNumber <= endNumber){
                if (startNumber % 2 === 0 && stepNumber % 2 === 0) {
                    startNumber += stepNumber;
                    alert(startNumber);
                } else if (startNumber % 2 !== 0 && stepNumber % 2 === 0) {
                     startNumber += 1 + (stepNumber);
                     alert(startNumber);
                } else {
                     alert("Please enter a positive number for the step value.");
                } 

             } else {
                  alert("Please enter an ending number greater than the start number.");
             }
        }
}
<!DOCTYPE html>
<html>
<head>
<title>HTML5, CSS3 and JavaScript demo</title>
</head>
<body>
  <form>
  <label>Start: </label>
  <input type="number" id="startNumber"/><br/>
  <label>End: </label>
  <input type="number" id="endNumber"/><br/>
  <label>Step by:</label>
    <input type="number" id="stepNumber"/><br/>
  <button onclick="evenNumbers();">Submit</button>
    <p></p>
  </form>

<!-- End your code here -->
</body>
</html>

最佳答案

试试这个: 在 .js 文件中

var evenNumberBtn = document.querySelector("button");
evenNumberBtn.addEventListener("click", evenNumbers);

关于javascript - 在HTML表单中添加JavaScript计算功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44210797/

相关文章:

javascript - Waterline/SailsJs 防止模型的嵌套(关系)保存

javascript - Angularjs,等待嵌套的 promise

javascript - jQuery 每个函数在同一元素中输出多个选择器

javascript - Javascript 获取所有选定选项的结果

javascript - 动画 anchor 链接导航

jquery - 制作一个支持网页打印的灯箱

javascript - 如何使用纯 JavaScript 将 XML 文件中的数据解析为 HTML 表?

javascript - 如何在 react 中设置多个复选框的处理程序?

javascript - 检测并修复固定的绝对错误

jquery - 是否可以将 jQuery 中的悬停元素应用于具有显示和隐藏功能的两个 div?