当我单击按钮时，值未在 js 中发送？

Question

我制作迷你应用程序来查找阶乘。 当我单击按钮并在js中获取数字时，它没有显示任何内容。 这是我的script.js

function factorial() {
let number = document.getElementById("number")
console.log(number);
for (let i = number - 1; i >= 1; i++) {
    number = i * number
    console.log(number);
}
console.log(number);
return number;
}

这是我的index.html

<input type="text" name="number" class="number" id="number">
<button onclick="factorial()" class="btn btn-primary " style="padding-right: 160px;padding-left: 160px">Find</button>

Answer 1

像这样的例子：

 function factorial() { let number = document.getElementById("number").value console.log(number); for (let i = number - 1; i >= 1; i--) { number = i * number } document.getElementById("result").innerHTML = number }

 <input type="text" name="number" class="number" id="number"> <button onclick="factorial()" class="btn btn-primary " style="padding-right: 160px;padding-left: 160px">Find</button> <h3 id="result"></h3>

Answer 2

有一个名为.value的属性。 这将返回输入的内部值（您可以尝试一下）。 在你实现了输入的值之后，你就可以运行你的语句了。

在此处阅读有关.textContent的信息。

在此处阅读有关.querySelector()的信息。

提示：永远不要使用onclick() 。 没有人再使用它了，改用.addEventListener()吧。

 function factorial() { // Edited here let number = document.getElementById("number").value; console.log(number); for (let i = number - 1; i >= 1; i++) { number = i * number console.log(number); } // As you wanted to put the result in the html file document.querySelector('h1').textContent += number; }

 <input type="text" name="number" class="number" id="number"> <button onclick="factorial()" class="btn btn-primary " style="padding-right: 160px;padding-left: 160px">Find</button> <h1>Result: </h1>