Javascript Calculator Source Code
How To Create A Calculator In Javascript
In This Javascript Tutorial we will See How To Make A Calculator With Switch To Do The Basic Operations (+, -, /, *) And Clear Text Number By Number And Reset To Make Another Calc Using JS And Netbeans Editor + HTML5 + CSS3 .
Part 1
Part 2
Part 3
Part 4
Project Source Code:
*{box-sizing: border-box}
.container{width: 400px;
overflow: hidden;
margin: 50px auto
}
.container .show-calc{border: 2px solid #95A5A6;
height:50px;
width:100%;
font-size:25px;
line-height: 50px;
border-radius: 5px;
padding: 0 10px;
}
.container .box{width: 25%;
height: 50px;
float: left;
border: 1px solid #FFF;
font-size:25px;
line-height: 50px;
text-align: center;
font-family: sans-serif;
transition: all .25s ease-in-out;
background-color: #26C281;
color: #fff;
cursor: pointer;
}
.container .box:hover{background: #1E8BC3}
.container .box-opr{background: #F89406}
.container .box-reset,.container .box-clear{width: 50%}
.container .box-reset{background: #446CB3}
.container .box-clear{background: #F22613}
0
0
1
2
3
4
5
6
7
8
9
.
+
-
X
/
=
reset
clear


Post a Comment for "Javascript Calculator Source Code"