diff --git a/calculator/calc.css b/calculator/calc.css new file mode 100644 index 0000000..718b216 --- /dev/null +++ b/calculator/calc.css @@ -0,0 +1,56 @@ +h1{ + text-align: center; + color: red; + height: 50px; + padding: 25px; +} +*{ + margin: 0px; + padding: 0px; +} +html{ + background: #93f273; +} +hr{ + background-color: grey; + height: 2px; +}#container{ + position: relative; + width: 300px; + border: 3px solid black; + margin: 30px auto; + border-radius: 10px; + background: #666666; + box-shadow: 2px 2px 2px 1px black 1; +} +input[type=text]{ + position: relative; + display: block; + width: 98%; + margin: 10px auto 0 auto; + font-size: 20px; + border: 1px solid black; + background: white; +} +input[type=button]{ + position: relative; + width: 20%; + font-weight: bold; + background: #b3b3b3; + border: 1px solid brown; + margin: 2%; + font-size: 20px; + border-radius: 10px; + box-shadow: 2px 2px 2px 0px; +} +input[type=button]:hover{ + background: aqua; + +} +input[type=text]:hover{ + background: darkgrey; +} +input[type=text]:disabled{ + color: black; + +} diff --git a/calculator/calc.html b/calculator/calc.html new file mode 100644 index 0000000..def2a2f --- /dev/null +++ b/calculator/calc.html @@ -0,0 +1,81 @@ + + + + calculator + + + + + +

My calculator app

+

+
+
+
+ + + + +
+ + + + + + +
+ + + + + +
+ + + + + +
+ + + + + + + + +
+ + + + + + + + +
+
+ + + + + + + + +

Made By Gaurang

+

+ + + + + + + + + + + + + + diff --git a/calculator/calc.js b/calculator/calc.js new file mode 100644 index 0000000..98b5352 --- /dev/null +++ b/calculator/calc.js @@ -0,0 +1,13 @@ +function calculate(){ + document.calc.output.value=eval(document.calc.output.value); + +} +/* +function erase(){ + document.calc.output.value=""; +} +function entery(s){ + document.cal.output.value+=s; + +} +*/