如何分配单击按钮的值

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; 
 

 
}

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

使用这样onclick="change(this.value)"通过click功能的。发送输入的值

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