Калькулятор

Простой калькулятор на 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

$(document).ready(function($, undefined){
                    $(function(){
                        $(".button").attr("onclick", "clickButton(val)");
                        
                    });
                    function clickButton(val) {
                            if ($('.textInput').val()=="") {
                                $('.textInput').val($('.button').val());
                            }else {
                            $('.textInput').val()+$('.button').val();}
                            return val;
                        }
                    
                        alert ("HELLO!!!");
            })(jQuery);