Wie kann ich Benutzer eingegebenen Wert von html JavaScript

Question

übertragen Wenn ein Benutzer meiner Website einen Wert in einem Feld html Text eingibt und klickt auf eine Schaltfläche einreichen ..

Wie kann ich/ihren Wert verwenden, um Javascript, also mache ich eine Berechnung basierend auf ihrer Eingabe.

Auch wie kann ich ihren Wert auf der Website anzeigen?

Danke! ((New Javascript und Stackoverflow))

Answer 1

Sie so etwas in Ihrer HTML-

<input name="searchTxt" type="text" id="txt" class="searchField"/> 

Und so etwas in Ihrem JavaScript

var the_value_i_am_looking_for = document.getElementById('txt').value; 

Hinweis haben sollte, dass die txt das ist ID des Eingabe-Tags, und wir verwenden dieselbe ID, um das Element in JavaScript zu identifizieren. Die Variable the_value_i_am_looking_for sollte den Wert enthalten, den Sie für die Berechnung verwenden.

Answer 2

Beispiel:

<input id="cost" type="number" /> 
<input type="button" onclick="calculate()" value="Enter a value" /> 

<div id="valueEntered" > </div> 
<div id="afterTax" > </div> 
<script> 

function calculate() 
{ 


valueEntered.innerHTML = " You entered : " + cost.value; 
afterTax.innerHTML = " After tax : " + cost.value * 1.3; 


} 
</script> 

Answer 3

Sie bedeutete so etwas wie die folgenden? Es ist ein Eingabefeld und eine Schaltfläche. Wenn Sie auf die Schaltfläche klicken, wird die Benutzereingabe im Eingabefeld unter dem Eingabefeld und der Schaltfläche angezeigt.

<input id="foo"/> 
<button onclick="document.getElementById('bar').innerHTML = document.getElementById('foo').value 
" type="button">Click me</button> 
<div id="bar"></div> 
</code>