Не получается решить простейшую задачу

[pifon]

Есть на сайте 3 кнопки.


<input id="vasya" type="button" value="Вася"/>
<input id="petya" type="button" value="Петя"/>
<input id="kolya" type="button" value="Коля"/>


И блок


<div>
<h1>*нужный_текст*</h1>
</div>


Как сделать, чтобы, если нажать на кнопку "Вася", в тегах <h1> блока появился текст "Вася", при нажатии на кнопку "Петя" - текст "Петя" соответственно и т.д?

Кажись задача тривиальная, но вызвала трудности у меня, так как в JS я нуб.:)

[keen]

второе сентября, лабораторная работа №1 ?

[pifon]

хаха)) нет, слава богу прошло то время)

[BETEPAH]

<input type="button" value="Вася"/>
<input type="button" value="Петя"/>
<input type="button" value="Коля"/>
<div>
<h1 id="h1">*нужный_текст*</h1>
</div>
var buttons = document.getElementsByTagName("input");
for(var i = 0; i < buttons.length; i++) {
buttons[i].onclick = function(){
document.getElementById("h1").innerHTML = this.value;
}
}
http://jsfiddle.net/BETEPAH/zKSSu/

[pifon]

Хвала вам, Ветеран! Спасибо)