Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
    <head>
        <title> Calculate machine </title>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
        <link rel="stylesheet" type="text/css" href="style.css">
        <script type="text/javascript" src="Calc.js">
        </script>   
    </head>
    <body style="background-image:url(1.jpg)">
    <form name="calc" action="" align="center">
        <table class="Calculator">
        <tr>
            <td colspan=5 align="center">
                <input id="ciField" name="field" type="Text" size=30 value="0" width="300px">
            </td>
        </tr>
        <tr>
            <td> <input name="MC" type="Button" class="Red" value="MC" onclick="" /></td>
            <td> <input name="MR" type="Button" class="Red" value="MR" onclick="" /></td>
            <td> <input name="MS" type="Button" class="Red" value="MS" onclick="" /></td>
            <td> <input name="M+" type="Button" class="Red" value="M+" onclick="" /></td>
            <td> <input name="M-" type="Button" class="Red" value="M-" onclick="" /></td>
        </tr>
        
        <tr>
            <td> <input name="Backspace" type="Button" class="Gray" value="&larr;" onclick="backspace()" /></td>
            <td> <input name="CE" type="Button" class="Gray" value="CE" onclick="clrE()" /></td>
            <td> <input name="C" type="Button" class="Gray" value="C" onclick="clr()" /></td>
            <td> <input name="plusmn" type="Button" class="Blue" value="&plusmn;" onclick="changeSign()" /></td>
            <td> <input name="sqrt" type="Button" class="Blue" value="&radic;" onclick="sqt()" /></td>
        </tr>
        
        <tr>
            <td> <input name="Seven" type="Button" class="Gray" value="7" onclick='take("7")' /></td>
            <td> <input name="Eight" type="Button" class="Gray" value="8" onclick='take("8")' /></td>
            <td> <input name="Nine" type="Button" class="Gray" value="9" onclick='take("9")' /></td>
            <td> <input name="Divide" type="Button" class="Blue" value="/" onclick='take("/")' /></td>
            <td> <input name="Percent" type="Button" class="Blue" value="%" onclick="" /></td>
        </tr>
        
        <tr>
            <td> <input name="Four" type="Button" class="Gray" value="4" onclick='take("4")' /></td>
            <td> <input name="Five" type="Button" class="Gray" value="5" onclick='take("5")' /></td>
            <td> <input name="Six" type="Button" class="Gray" value="6" onclick='take("6")' /></td>
            <td> <input name="Multiple" type="Button" class="Blue" value="*" onclick='take("*")' /></td>
            <td> <input name="OneDivX" type="Button"  class="Blue" value="1/x" onclick="oneDivX()" /></td>
        </tr>
        
        <tr>
            <td> <input onkeypress="1" name="One" class="Gray" type="Button" value="1" onclick='take("1")' /></td>
            <td> <input name="Two" type="Button" class="Gray" value="2" onclick='take("2")' /></td>
            <td> <input name="Three" type="Button" class="Gray" value="3" onclick='take("3")' /></td>
            <td> <input name="Minus" type="Button" class="Blue" value="-" onclick='take("-")' /></td>
            <td rowspan="2"> <input id="buttHide" name="Equal" type="Button" class="Gray" value="=" onclick='operation("=")' /></td>
        </tr>
        
        <tr>
            <td colspan="2"> <input id="buttWide" name="Zero" type="Button" class="Gray" value="0" onclick='take("0")' /></td>
            <td> <input name="Dot" type="Button" value="." class="Gray" onclick="dot()" /></td>
            <td> <input name="Plus" type="Button" class="Blue" value="+" onclick='operation("+")' /></td>
        </tr>
        </table>
    </form>
    </body>
 
.Calculator {
    background-color:#3d4543;
    height:350px;
    width:250px;
    border-radius:10px;
    position:relative;
    top:250px;
    left:43%;}
    
.Calculator input {
        width:40px;
        height:30px;
        margin: 4px;
        border-radius:8px;}
        
#ciField {
         background-color: #bccd95;
         text-align:right;
         width: 250px;
         margin-top: 10px;
         margin-left: 5px;
         margin-right: 5px;
         font: 30px 'Press Start 2P';}
         
#buttWide {
         width: 90px;}
         
#buttHide {
         Height: 75px;}
         
.Gray {
    color:white;
    background-color:#6f6f6f;}
    
.Red{
    color:white;
    background-color:#ff4561;}
    
.Blue{
    color:white;
    background-color:#0000FF;}
 
var current; //Текущая
var middVar = 0; //Промежуточная
var sign = "";
​
function take(num)
    {
        "use strict";
        if (document.getElementById("ciField").value === "0")
            {
                document.getElementById("ciField").value = num;
            }
        else
            {
                document.getElementById("ciField").value += num;
            }
}
​
function operation(op)
    {
        "use strict";
    current = document.getElementById("ciField").value;
        if(op == "=")
            { //Если = то выполняем операцию
                switch(sign)
                    {
                        case '+': middVar += current;
                        document.getElementById("ciField").value = middVar;
                        break;
                    }
            }
        else //иначе переносим из текущей в промежуточную       
            {
            middVar = current;
            document.getElementById("ciField").value = '0';
            sign = op;
            }
    }
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers