Holen Wert von Eingabefeld mit js

Question

Ich habe keine Ahnung, wie man Wert von Eingabefeld erhalten. Gerade jetzt, wenn ich auf die WETTE-Taste klicke, subtrahiert es nur 100, möchte ich das erreichen, wenn ich den Wert in das Textfeld eingebe und die Wette wähle, wird der Wert, den ich eingegeben habe, vom Kontostand abgezogen. Hier ist mein Code:

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

Irgendwelche Vorschläge?

Answer 1

Ersetzen Sie Ihre 100 mit

document.querySelector("input").value; 

Diese Zeile wird der Wert von input Element

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

Wenn Sie sprechen über den eingegebenen Wert erhalten, dann die folgende würde die Arbeit tun:

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

Alle Eingabeelemente, ob sie input oder textarea oder select etc HTML sind, haben eine value Eigenschaft, die der tatsächliche Wert der Nutzdaten ist.