Калькулятор

Простой калькулятор на JS

by Valera

HTML

<div id="calculator">
        <div class="textInput" style="float:left"><input type="text" id="text" value="0"/></div>
        <div class="button" id="resetB" value="c">C</div>
        <div class="button" id="seven" value="7">7</div>
        <div class="button" id="vosem" value="8">8</div>
        <div class="button" id="devat" value="9">9</div>
    <div class="button" id="separate" value="/">/</div>
        <div class="button" id="" value="4">4</div>
        <div class="button" id="" value="5">5</div>
        <div class="button" id="" value="6">6</div>
        <div class="button" id="umnogit" value="*">*</div>
        <div class="button" id="" value="1">1</div>
        <div class="button" id="" value="2">2</div>
        <div class="button" id="" value="3">3</div>
        <div class="button" id="minus" value="-">-</div>
        <div class="button" id="" value=",">.</div>
        <div class="button" id="" value="0">0</div>
        <div class="button" id="" value="=">=</div>
        <div class="button" id="plus" value="+">+</div>
    </div>

CSS

#calculator {
            width: 233px;
			background:#FF9;
			padding:5px;
        }
		#text {
			height: 34px;
			width: 160px;
		}
        .button {
            display: inline-block;
            margin: 5px;
			width: 35px;
			height: 25px;
			text-align:center;
			vertical-align:baseline;
			background:#F00;
			padding:5px;
			padding-top: 10px;
        }

JavaScript

$(".button").click(clickButton);
                    function clickButton() {
                            if ($('#text').val()=="") {
                                $('#text').val($(this).attr('value'));
                            }else {
                                $('#text').val( $('#text').val()+$(this).attr('value'))}}