js获取输入框的值

Question

我不知道如何从输入框中获取值。现在，当我单击“下注”按钮时，它只会减去 100，我想实现这一点，所以当我在文本框中输入值并点击“下注”时，它会从余额中减去我输入的值。这是我的代码：

HTML:

<div>
    <input type="text" value=0 name="betAmount">
    <button class="betBTN">BET</button>
</div>

JS:

document.addEventListener('DOMContentLoaded',function() {
document.querySelector('.betBTN').addEventListener('click', function() {
      var toAdd = document.querySelector('div').textContent - 100;
      document.querySelector('div').innerHTML = "";
      document.querySelector('div').insertAdjacentHTML('afterbegin', toAdd);
    });
});

有什么建议吗？

Answer 1

用

替换你的100

document.querySelector("input").value;

这一行会得到input元素的值

document.addEventListener('DOMContentLoaded',function() {
document.querySelector('.betBTN').addEventListener('click', function() {
      var toAdd = document.querySelector('div').textContent - document.querySelector("input").value;
      document.querySelector('div').innerHTML = "";
      document.querySelector('div').insertAdjacentHTML('afterbegin', toAdd);
    });
});

Balance: <div>1000</div>
    <input type="text" value=0 name="betAmount">
    <button class="betBTN">BET</button>

Answer 2

如果你说的是输入的值，那么下面的内容就可以了：

document.querySelector('input[name="betAmount"]').value;

所有输入元素，无论它们是 HTML input 或 textarea 或 select 等都有一个 value 属性这是用户数据的实际价值。

js获取输入框的值

Get value from input box with js

javascript

input

box