Wie kann ich den Wert der angeklickten Schaltfläche zuweisen

Question

Ich habe Folgendes auf jsfiddle. Was ich tun muss, ist, wenn ich auf einen Knopf klicke, wird der entsprechende Wert in das Feld eingefügt. Hier

https://jsfiddle.net/aminbaig/jefee77L/

ist der Code:

HTML:

There is <span id="title">___________</span> wrong with this world! 
 
<p> 
 
    Choose the appropriate word 
 
</p> 
 
<input type="submit" id="myTextField" value="something" onclick="change()" /> 
 
<input type="submit" id="byBtn1" value="Truck" onclick="change()" /> 
 
<input type="submit" id="byBtn2" value="Trash" onclick="change()" />

Javascript:

function change() { 
 

 
    var myNewTitle = document.getElementById('myTextField').value; 
 
    if (myNewTitle.length == 0) { 
 
    alert('Write Some real Text please.'); 
 
    return; 
 
    } 
 

 
    var title = document.getElementById('title'); 
 
    title.innerHTML = myNewTitle; 
 

 
}

Answer 1

Sie können wie folgt tun

JS

den Wert der Schaltfläche aus der Funktionsparameter erhalten

function change(value) { 
    var title = document.getElementById('title'); 
    title.innerHTML = value; 
} 

HTML

Wechseltaste type='submit' zu type='button', übergeben Sie den Wert auch als Funktionsparameter

<input type="button" id="myTextField" value="something" onclick="change(this.value)" /> 
<input type="button" id="byBtn1" value="Truck" onclick="change(this.value)" /> 
<input type="button" id="byBtn2" value="Trash" onclick="change(this.value)" /> 

DEMO

Answer 2

Einsatz wie dieser onclick="change(this.value)" .send den Wert der Eingabe über click Funktion

function change(val) { 
 
    if (val.length == 0) { 
 
    alert('Write Some real Text please.'); 
 
    return; 
 
    } 
 
    var title = document.getElementById('title'); 
 
    title.innerHTML = val; 
 

 
}

There is <span id="title">___________</span> wrong with this world! 
 
<p> 
 
    Choose the appropriate word 
 
</p> 
 
<input type="submit" id="myTextField" value="something" onclick="change(this.value)" /> 
 
<input type="submit" id="byBtn1" value="Truck" onclick="change(this.value)" /> 
 
<input type="submit" id="byBtn2" value="Trash" onclick="change(this.value)" />