Wanting to create a button. Once button click onevent of the value.
<button type="button" value="xxxx">Press</button>
<button type="button" value="yyyy">Press</button>
value of xxx from button will enter the textfield with the value of the button as per value.
<input type="textarea" name="textfield" id="text">
Define a function in Javascript
function fillText(value)
{
document.getElementById('text').value = value;
}
And put that in the click event of button
<button type="button" value="xxxx" onclick="fillText(this.value)">Press</button>
<button type="button" value="yyyy" onclick="fillText(this.value)">Press</button>
You need this
var btn1 = document.getElementById('btn1');
var btn2 = document.getElementById('btn2');
btn1.addEventListener('click', function(e) {
document.getElementById('text').value = e.target.value;
});
btn2.addEventListener('click', function(e) {
document.getElementById('text').value = e.target.value;
});<button id="btn1" value="xxxx">Press</button>
<button id="btn2" value="yyyy">Press</button>
<input type="textarea" name="textfield" id="text">type=button for <button> tag.
You have to use the document.GetElementById() method.
First, create a JavaScript function:
function transfer(element) {
document.getElementById("text").value = element.value;
}
Now, make the button run that function when it is pressed with itself as a parameter.
<button type="button" value="xxxx" onclick="transfer(this)">Press</button>
<button type="button" value="yyyy" onclick="transfer(this)">Press</button>
