From 271956b4343611315e21e7a11741738da65575c7 Mon Sep 17 00:00:00 2001 From: Talyr Williams Date: Tue, 12 Jan 2021 19:05:08 -0500 Subject: [PATCH] Project Done --- index.html | 32 +++++++++++++++++++++++ script.js | 6 +++++ style.css | 77 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 115 insertions(+) create mode 100644 index.html create mode 100644 script.js create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..b3d8376 --- /dev/null +++ b/index.html @@ -0,0 +1,32 @@ + + + + + + + + Document + + +
+
+

Temperature Scale Convertor

+ +

Fahrenheit

+
+
+
+
+
+ +
+ +
+
+

+
+
+
+ + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..01b1534 --- /dev/null +++ b/script.js @@ -0,0 +1,6 @@ +function tempConvert() { + let inputFahrenheit=document.getElementById("f_temp_value").value; + let answer = (inputFahrenheit - 32) * 5 / 9; + document.getElementById("outputCelcius").innerHTML = answer; + console.log(answer); +} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..73eb858 --- /dev/null +++ b/style.css @@ -0,0 +1,77 @@ +* { + box-sizing: border-box; +} +main { + 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; +} +footer { + text-align: center; + font-size: 25px; + font-weight: bolder; +} +container { + + display: grid; + 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; + align-items: center; + margin-bottom: 30px; +} +.rightDiv { + margin-left: auto; + margin-right: auto; + padding-top: 30px; */ + border: 1px solid red; +} +.calcButton { + /* border-style: none; */ + 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; +} +