从js输入框中获取价值

我不知道如何从输入框中获取价值。现在，当我点击下注按钮时，它只减去100，我希望在文本框中输入数值并点击下注时，它会减去我从余额中输入的值。这里是我的代码：从js输入框中获取价值

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); 
    }); 
});

有什么建议？

来源

2017-04-09 Matt

你有什么尝试？这应该是一个快速的Google查询。 https://www.google.com/?q=Get+value+from+input+box+with+js – Sid

替换您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>

来源

2017-04-09 11:37:40

的价值。如果你谈论的是输入的数值，那么下面的会做这份工作：

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

所有输入元件，无论它们是HTML input或textarea或select等具有value属性是所述用户数据的实际值。

来源

2017-04-09 11:38:27 Manngo

从js输入框中获取价值

回答

相关问题