[ { "path": ".gitattributes", "content": "# Auto detect text files and perform LF normalization\n* text=auto\n" }, { "path": "README.md", "content": "# Calculator\n" }, { "path": "css/styles.css", "content": "@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');\n:root {\n --first-hue: 250;\n --sat: 66%;\n --lig: 75%;\n --first-color: hsl(var(--first-hue), var(--sat), var(--lig));\n}\n\n.calculator {\n padding: 10px;\n border-radius: 1em;\n height: 380px;\n width: 400px;\n margin: auto;\n background-color: #191b28;\n box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;\n}\n\n.display-box {\n font-family: 'Orbitron', sans-serif;\n background-color: #dcdbe1;\n border: solid black 0.5px;\n color: black;\n border-radius: 5px;\n width: 100%;\n height: 65%;\n}\n\n.button {\n font-family: 'Orbitron', sans-serif;\n background-color: var(--first-color);\n color: white;\n border: solid black 0.5px;\n width: 100%;\n border-radius: 5px;\n height: 70%;\n outline: none;\n}\n\n.button:active {\n background: #e5e5e5;\n -webkit-box-shadow: inset 0px 0px 5px #c1c1c1;\n -moz-box-shadow: inset 0px 0px 5px #c1c1c1;\n box-shadow: inset 0px 0px 5px #c1c1c1;\n}\n\n@media screen and (max-width: 320px) {}" }, { "path": "index.html", "content": "\n\n\n\n \n Calculator\n \n\n\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n \n\n\n" }, { "path": "js/script.js", "content": "// This function clear all the values\nfunction clearScreen() {\n document.getElementById(\"result\").value = \"\";\n}\n\n\n// This function display values\nfunction display(value) {\n document.getElementById(\"result\").value += value;\n}\n\n// This function evaluates the expression and return result\nfunction calculate() {\n var p = document.getElementById(\"result\").value;\n var q = eval(p);\n document.getElementById(\"result\").value = q;\n}\n" } ]