我的数字输入中的值不会随着用户交互而改变

Question

我正在尝试将用户将从输入框中选择的值乘以已设置的值 0.1，但从输入中获取的值要么为 0，要么保持为已设置的默认值。用户选择的值（例如：8）不会作为新的更新值。

这是输入：

<div>Number:<input type="number" id="NumberToMultiply" min="1" max="100" value="1"></input></div>

这是获取用户输入的值的脚本：

var amount = document.getElementById("NumberToMultiply").value;

这是构成等式的直线：

const Result = (amount)*(0.1)

问题是，即使我在输入中选择了数字“43”，从输入中获取的值仍然是 1。

Answer 1

var amount = document.getElementById("NumberToMultiply").value;
const Result = amount * 0.1;
console.log(Result);
document.getElementById("NumberToMultiply").oninput = function () {
    console.log(document.getElementById("NumberToMultiply").value * 0.1);
}

<div>Number:<input type="number" id="NumberToMultiply" min="1" max="100" value="1"></input></div>

这应该可以解决问题，问题是您在用户触发时没有任何事件，只是在加载时发生

我的数字输入中的值不会随着用户交互而改变

The value in my number input won't change with user interaction

javascript

html

getelementbyid