Question

我在javascript中有一个数字，我需要在输入更改时更新。

我想要的数量：20000＆＃39;反映已输入#customValue输入的内容乘以100。

因此，如果用户输入了＆＃39; 30＆＃39;在输入中，＆＃39;金额：20000＆＃39;将被更新为＆＃39;金额：3000＆＃39;

任何想法如何实现这一点将不胜感激！：）

<input id="customValue" value="200" />

<button id="customButton">Purchase</button>

<script>
document.getElementById('customButton').addEventListener('click', function(e) {
  handler.open({
    amount: 20000
  });
});
</script>

Answer 1

您的handler变量未定义。在下面的示例中，我将EventListener添加到Purchase按钮。当用户单击此按钮时，它将获取输入字段的值并将其乘以100.

您应验证输入的值是否为有效整数。

document.getElementById('customButton').addEventListener('click', function(e) {
    var customValue = document.getElementById('customValue').value;
    
    // validate to check if customValue is a valid integer
    
    console.log(parseInt(customValue) * 100); // log new amount to console
});

<input id="customValue" value="200" />

<button id="customButton">Purchase</button>

Answer 2

document.getElementById('customButton').addEventListener('click', function(e) {
    var value = document.getElementById("customValue").value * 100; // multiply the customValue by a 100 and assign it to the variable value

    // use value whereever you like:
    alert(value);
});

<input id="customValue" value="200" />

<button id="customButton">Purchase</button>

在输入更改时更新javascript中的数字

2 个答案: