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

[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]

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