[hbsv]

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

Так же интересует, как можно сделать, что обращаться только к одному блоку цифр?

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

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

Заранее Благодарен!

<form id="calculator">

    <table>
        <tr>
            <td>
                <div align="center">
                    <label for="result"></label>
                    <input type="text" id="result" name="result" size="16" readonly="readonly"  class="display">

                </div>
            </td>
        </tr>



        <tr>

            <td class="buttons">
             <div id="num1" align="center">
                <input type="button" onclick="addToInput1(this.value)" name="rakam11" value="1" />
                <input onclick="addToInput1(this.value)" type="button" name="rakam22" value="2" />
                <input onclick="addToInput1(this.value)" type="button" name="rakam33" value="3" />
                <input onclick="addToInput1(this.value)" type="button" name="rakam44" value="4" />
                <input onclick="addToInput1(this.value)" type="button" name="rakam55" value="5" />
                <input onclick="addToInput1(this.value)" type="button" name="rakam66" value="6" />
                <input onclick="addToInput1(this.value)" type="button" name="rakam77" value="7" />
                <input onclick="addToInput1(this.value)" type="button" name="rakam88" value="8" />
                <input onclick="addToInput1(this.value)" type="button" name="rakam99" value="9" />
                <input onclick="addToInput1(this.value)" type="button" name="rakam00" value="0" />
            </div>





             <div id="act" align="center">

                <input onclick="addToInput3(this.value)" type="button" name="plus" value="+" />
                <input onclick="addToInput3(this.value)" type="button" name="minus" value="-" />
                <input onclick="addToInput3(this.value)" type="button" name="umn" value="*" />
                <input onclick="addToInput3(this.value)" type="button" name="delit" value="/" />
             </div>







            <div id="num2" align="center">

                <input onclick="addToInput2(this.value)" type="button" name="rakam1" value="1" />
                <input onclick="addToInput2(this.value)" type="button" name="rakam2" value="2" />
                <input onclick="addToInput2(this.value)" type="button" name="rakam3" value="3" />
                <input onclick="addToInput2(this.value)" type="button" name="rakam4" value="4" />
                <input onclick="addToInput2(this.value)" type="button" name="rakam5" value="5" />
                <input onclick="addToInput2(this.value)" type="button" name="rakam6" value="6" />
                <input onclick="addToInput2(this.value)" type="button" name="rakam7" value="7" />
                <input onclick="addToInput2(this.value)" type="button" name="rakam8" value="8" />
                <input onclick="addToInput2(this.value)" type="button" name="rakam9" value="9" />
                <input onclick="addToInput2(this.value)" type="button" name="rakam0" value="0" />
                </div>





        <tr>
            <td colspan="2"><input type="button" name="button" id="button" onclick="kalk()" value="Считать" />
                <input type="button" name="button1"  onclick="clean()" value="CLEAN" /></td>
        </tr>
    </table>
</form>

function kalk(){

	var n1=document.getElementById('num1').value;
	var n2=document.getElementById('num2').value;

	n1=parseFloat(n1);
	n2=parseFloat(n2);

	var a=document.getElementById('act').value;
	var r=0;

	if(a=='+') r=n1+n2;
	if(a=='-') r=n1-n2;
	if(a=='*') r=n1*n2;
	if(a=='/'){
		if(n2==0){
			alert("на 0 делить нельзя");
			document.getElementById("num2").value="";
			document.getElementById("num2").focus();
		}
		else r=n1/n2;
	}

	document.getElementById("result").value=r;

}

function addToInput1(value) {
	document.querySelector('#num1').value += value;
}
function addToInput3(value) {
	document.querySelector('#act').value += value;
}
function addToInput2(value) {
	document.querySelector('#num2').value += value;
}

function clean() {
	document.querySelector('#num1').value = '';
	document.querySelector('#num2').value = '';
	document.querySelector('#act').value = '';
	document.querySelector('#result').value = '';
}