Хочу сделать циферблат с кнопками при нажатии на которые в поле будет вводится цифры.
 

Привет, спасибо, что ты это читаешь, мне нужна помощь, я решил сделать циферблат на HTML как он выглядит: поле и 12 кнопок(1,2,3...9,0 | "<" - стереть | "ok" - принять), я хочу, что бы при нажатии на кнопку 1 в поле появлялась цифра "1", что очевидно, при последующем нажатии на цифру 5 в поле было "15" и так далее, как это сделать?

Я с импровизировал, получился ужас, пример:
HTML:

<input type="text" maxlength="4" id="panelPrompt" size="13" value="0000"><br /><!-- Поле, куда должно вводиться -->
<input type="button" value="  1  " id="b1" onclick="button_1();"><!-- Первая кнопка -->
<input type="button" value="  2  " id="b2" onclick="button_2();"><!-- Вторая кнопка -->

javascript:

//Сразу говорю - ужас, но я попытался ;)
function button_1() {
    document.getElementById('panelPrompt').value="1";
}

function button_2() {
    document.getElementById('panelPrompt').value="2";
}

К моему "удивлению" в поле менялось значение, а не добавлялось. То есть при нажатии на "1" в поле 1, при нажатии на "2" после "1", в поле поменялось(а не добавилось) значение "2". И еще помогите со стиранием предыдущего значения из поля.

:-?

Спасибо тебе, уже себе весь мозг выжал :)