├── README.md ├── calc.css ├── calc.html └── calc.js /README.md: -------------------------------------------------------------------------------- 1 | # calculator-js 2 | A basic calculator (addition,subtraction,product,division) using HTML, CSS, JavaScript (jQuery). I would recommend you to open project in laptop or PC. 3 | -------------------------------------------------------------------------------- /calc.css: -------------------------------------------------------------------------------- 1 | *{ 2 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 3 | background-color: forestgreen; 4 | color: gold; 5 | 6 | } 7 | .main{ 8 | position: absolute; 9 | top: 60%; 10 | left: 50%; 11 | transform: translate(-50%, -50%); 12 | 13 | } 14 | .fi,.se,.te,.fr,.fif,.si{ 15 | border: 10px solid transparent; 16 | border-bottom: 1px solid gold; 17 | border-radius: 10px; 18 | } 19 | .sub,.clr{ 20 | border: 10px solid transparent; 21 | border-radius: 100px; 22 | margin-top: 10px; 23 | 24 | } 25 | .sub:hover,.clr:hover{ 26 | background-color: gold; 27 | color: forestgreen; 28 | transition: 0.3s ease; 29 | 30 | } -------------------------------------------------------------------------------- /calc.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Calculator 7 | 8 | 9 |

Calculator

10 |

Enter Your Two Numbers And You Will Get Addition,Subtraction,Multiplication,Division Of The Two Numbers

11 |
12 | First Number:
13 | Second Number:
14 | Addition:
15 | Subtraction:
16 | Product:
17 | Division:
18 | 19 | 20 |

21 | Coyright © 2019 Daksh Paleria
22 | Made with ♥ in India By Daksh Paleria 23 |

24 |
25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /calc.js: -------------------------------------------------------------------------------- 1 | $(".sub").on("click",function even(){ 2 | if($(".fi").val()=="" && $(".se").val()=="") 3 | { 4 | alert("Please Enter The Numbers"); 5 | } 6 | else{ 7 | var num1=$(".fi").val(); 8 | var num2=$(".se").val(); 9 | var sum=parseInt(num1)+parseInt(num2); 10 | var diff=parseInt(num1)-parseInt(num2); 11 | var pro=parseInt(num1)*parseInt(num2); 12 | var div=parseFloat(num1)/parseFloat(num2); 13 | $(".te").val(sum); 14 | $(".fr").val(diff); 15 | $(".fif").val(pro); 16 | $(".si").val(div); 17 | } 18 | 19 | }); 20 | $(".clr").on("click",function odd(){ 21 | location.reload(false); 22 | }); 23 | --------------------------------------------------------------------------------