使用HTML输入作为函数参数导致无限循环

Using HTML input as function parameter causing infinite loop

本文关键字:参数 无限循环 函数 HTML 输入 使用      更新时间:2023-09-26

所以我在JavaScript中制作了一个质因数计算器,并试图在我的网站上显示它。我希望能够让用户选择输入,但是每当我提交输入时,它就会导致无限循环。我已经将原因缩小到我用作函数参数的代码。

下面是HTML:

      <div class="pf-calculator-instructions-wrapper"><p class="pf-calculator-instructions">
        <em>Input a number to the field below. Output will appear above. Maximum 15 digits.</em></p>
      </div>
      <input id="pf-input" type="number" maxlength="15" class="pf-calculator-input"/>
      <button class="submit-button" onclick="findPrimeFactors(document.getElementById('pf-input').value)">Submit</button>

我已经尝试过了,所以函数只有一个数字(10)作为参数,它工作得很好,但是当改变它以输入值代替(仍然是10)时,页面只是冻结,就像我引起无限循环一样。我遗漏了什么吗?

谢谢!

正如在注释中提到的,我没有将输入从字符串转换为整数。由于输入类型为number,我错误地认为它已经是这种格式了。