html текстовое поле от кнопки событие javascript

Question

Желая создать кнопку. После нажатия кнопки выберите один из значений.

<button type="button" value="xxxx">Press</button> 
<button type="button" value="yyyy">Press</button> 

Значение xxx от кнопки вводит текстовое поле со значением кнопки в соответствии с значением.

<input type="textarea" name="textfield" id="text"> 

Answer 1

Определение функции в Javascript

function fillText(value) 
{ 
    document.getElementById('text').value = value; 
} 

И положить, что в случае щелчка кнопки

<button type="button" value="xxxx" onclick="fillText(this.value)">Press</button> 
<button type="button" value="yyyy" onclick="fillText(this.value)">Press</button> 

Answer 2

Вам нужен этот

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 для <button> тег.

Answer 3

Вы должны использовать метод document.GetElementById().

Во-первых, создать функцию JavaScript:

function transfer(element) { 
    document.getElementById("text").value = element.value; 
} 

Теперь сделайте кнопку запуска, которая работает, когда она прижимается с собой в качестве параметра.

<button type="button" value="xxxx" onclick="transfer(this)">Press</button> 
<button type="button" value="yyyy" onclick="transfer(this)">Press</button>