クリックしたボタンの値を割り当てるにはどうすればいいですか

Question

私は以下をjsfiddleで持っています。私が達成する必要があるのは、それぞれの値がブランクに挿入されたボタンをクリックするときです。ここで

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

はコードです：

HTML：

​​

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; 
 

 
}

この onclick="change(this.value)"よう

Answer 1

あなたはこの

JS

のように行うことができます

が

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

HTML

変更ボタンtype='submit'type='button'への関数のパラメータからボタンの値を取得し、また、関数のパラメータ

<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

使用はclick機能を介して入力の値を.send

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)" />