diff --git a/main.js b/main.js new file mode 100644 index 0000000..e69de29 diff --git a/scientific.html b/scientific.html new file mode 100644 index 0000000..807e3aa --- /dev/null +++ b/scientific.html @@ -0,0 +1,85 @@ + + + + + + + + + + + + JavaScript Calculator Lab + + + +

Standard | Scientific

+
+ +
+
+ + + + + + +
+ +
+ + + + + + + +
+ +
+ + + + + + + +
+ +
+ + + + + + + +
+ +
+ + + + + + + +
+
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/standard.html b/standard.html new file mode 100644 index 0000000..6d41151 --- /dev/null +++ b/standard.html @@ -0,0 +1,71 @@ + + + + + + + + + + + + JavaScript Calculator Lab + + + +

Standard | Scientific

+
+ +
+
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/styles/styles.css b/styles/styles.css new file mode 100644 index 0000000..69d5c06 --- /dev/null +++ b/styles/styles.css @@ -0,0 +1,55 @@ +p span { + color: #5860d2; + text-decoration: underline; +} + +a { + color: black; +} + +/* Equals button */ + +#equal { + background-color: #4285F4; + color: white; +} + +#equal:hover { + background-color: rgb(0, 255, 221); + color: black; +} + +#calc-field { + width: 420px; + text-align: right; +} + +.cal-btn { + border: none; + border-radius: 10%; + width: 100px; + height: 35px; + margin: 2px; +} + +/* operator buttons */ +.sign { + background-color: #DFE1E5; +} + +.cal-btn:hover { + background-color: rgb(0, 255, 221); + color: black; +} + +.rad-deg { + width: 208px; +} + +.rad { + text-align: center; +} + +.deg { + text-align: right; +} \ No newline at end of file