From ebfd1ef162ff3ee3ff3385ebb9247d13fef16390 Mon Sep 17 00:00:00 2001 From: semaj815 <72023286+semaj815@users.noreply.github.com> Date: Tue, 5 Jan 2021 20:59:27 -0500 Subject: [PATCH 1/3] first commit --- .vscode/settings.json | 3 +++ index.html | 30 ++++++++++++++++++++++++++++++ style.css | 35 +++++++++++++++++++++++++++++++++++ 3 files changed, 68 insertions(+) create mode 100644 .vscode/settings.json create mode 100644 index.html create mode 100644 style.css diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..6524f2d --- /dev/null +++ b/index.html @@ -0,0 +1,30 @@ + + + + + + + Document + + +
+
+

Temp Scale Conveter

+
+

Fahrenheit

+
+
+
+
+
+ +
+
+
+ +
+
+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..5f72d08 --- /dev/null +++ b/style.css @@ -0,0 +1,35 @@ +* { + box-sizing: border-box; +} + +main { + width: 500px; + height: 300px; + border: 1px solid black; + padding: 25px; + +} + +h1, +footer { + text-align: center; +} + +form { + + display: grid; + grid-template-columns: repeat(3, auto); + + + +} + +.midDiv { + text-align: center; + justify-content: center; + +} + +.rightDiv { + +} \ No newline at end of file From 14f432ed9651041c995d0189fb291eb94d92eb6a Mon Sep 17 00:00:00 2001 From: semaj815 <72023286+semaj815@users.noreply.github.com> Date: Tue, 12 Jan 2021 19:02:17 -0500 Subject: [PATCH 2/3] Final commit --- index.html | 19 ++++++++------ script.js | 11 ++++++++ style.css | 76 ++++++++++++++++++++++++++++++++++++++++++++---------- 3 files changed, 85 insertions(+), 21 deletions(-) create mode 100644 script.js diff --git a/index.html b/index.html index 6524f2d..9050ba1 100644 --- a/index.html +++ b/index.html @@ -4,27 +4,30 @@ + + Document
-

Temp Scale Conveter

-
+

Temperature Scale Convertor

+

Fahrenheit

-
-
+
+
- -
+
- +
+ \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..1c1e93e --- /dev/null +++ b/script.js @@ -0,0 +1,11 @@ + + +function tempConvert() { + let inputFahrenheit=document.getElementById("f_temp_value").value; + let answer = (inputFahrenheit - 32) * 5 / 9; + document.getElementById("outputCelcius").innerHTML = answer; + console.log(answer); + +} + + diff --git a/style.css b/style.css index 5f72d08..c752769 100644 --- a/style.css +++ b/style.css @@ -3,33 +3,83 @@ } main { - width: 500px; - height: 300px; - border: 1px solid black; - padding: 25px; + margin: auto; + margin-top: 25px; + width: 750px; + height: 450px; + border: 2px solid black; + padding-right: 15px; + padding-left: 15px; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; +} +h1 { + text-align: center; + font-size: 45px; } -h1, footer { text-align: center; + font-size: 25px; + font-weight: bolder; } -form { - +container { display: grid; - grid-template-columns: repeat(3, auto); - - + justify-items: center; + padding-top: 40px; + padding-bottom: 10px; + margin-bottom: 40px; + grid-template-columns: repeat(3, 1fr); + font-size: 25px; +} +input { + width: 150px; + height: 30px; + padding-top: 18px; + padding-bottom: 18px; + border: 2px solid black; + text-align: center; + font-size: 25px; + font-weight: 500; +} + +.leftDiv { + padding-top: 10px; + font-size: 25px; } .midDiv { text-align: center; - justify-content: center; - + align-items: center; + margin-bottom: 30px; } .rightDiv { - + margin-left: auto; + margin-right: auto; + padding-top: 30px; + border: 1px solid red; +} + +.calcButton { + font-size: 25px; + padding: 5px 25px 5px 25px; + border-radius: 0; + border: none; + background-color: #7da9fc59; + font-weight: bold; +} + +#btn { + border: 2px solid #29519b8e; +} + +#c_temp { + border: none; + font-size: 25px; + font-family: Arial, Helvetica, sans-serif; + font-weight: 500; } \ No newline at end of file From 9edaa0932f5c2a138ae01e38423e2060174c249e Mon Sep 17 00:00:00 2001 From: semaj815 <72023286+semaj815@users.noreply.github.com> Date: Tue, 12 Jan 2021 19:11:01 -0500 Subject: [PATCH 3/3] Forgot to clean up a line of code;Final commit --- style.css | 1 - 1 file changed, 1 deletion(-) diff --git a/style.css b/style.css index c752769..6d6a4fe 100644 --- a/style.css +++ b/style.css @@ -61,7 +61,6 @@ input { margin-left: auto; margin-right: auto; padding-top: 30px; - border: 1px solid red; } .calcButton {