Заполнение html-формы определённым содержимым
 

Ребят, помогите, пожалуйста. Имеется обыкновенное поле <input type=text>. Что нужно прописать, чтобы это поле заполнялось нужным мне содержимым по нажатию на какой-нибудь объект, расположенный на той же странице? И как сделать так, чтобы поле дополнялось содержимым и при этом не затрагивало то, что уже написано в форме? Надеюсь, это же можно сделать при помощи js?

Например, так

<button onclick="document.getElementById('a1').value += 'кадабра'">Добавить "кадабра"</button>

<input id="a1" type="text" value="aбра">

Спасибо, мужик, выручил! :)