FEWD87 · 2HannahMoore · Jun 24, 2016
diff --git a/README.md b/README.md
diff --git a/css/styles.css b/css/styles.css
@@ -0,0 +1,3 @@
+body{
+background-color: #33CCFF;
+}
diff --git a/images/snowflakes.jpg b/images/snowflakes.jpg
diff --git a/images/spring.jpg b/images/spring.jpg
diff --git a/images/sun.jpeg b/images/sun.jpeg
diff --git a/index.html b/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Temperature Conversions</title>
+  <link rel="stylesheet" href="css/styles.css" media="screen" type="text/css"/>
+</head>
+<body>
+  <h1>Welcome to the Temperature Conversion page!</h1>
+  <h2>Enter any desired temperature in Celsius to convert to Farenheit!</h2>
+  <div>
+    <input id="newEntry" autofocus placeholder="Temperature">
+    <input type="submit" id="submitBtn">
+    <h1> Result: </h1>
+    <h3 id="result1"></h3>
+  </div>
+  <script src="js/jquery-2.1.4.js"></script>
+  <script src="js/index.js"></script>
+</body>
+</html>
diff --git a/js/index.js b/js/index.js
@@ -0,0 +1,22 @@
+$(function(){
+
+    $('#submitBtn').click(ConvertTemp)
+
+    function ConvertTemp(event){
+      event.preventDefault();
+      var celsiusInput = parseInt($('#newEntry').val());
+      var result1Val = (celsiusInput *(9/5)) + 32;
+
+
+    $('#result1').html(result1Val);
+
+        if (result1Val >85){
+          $('body').css('background',"url(images/sun.jpeg");
+        } else if (result1Val >32){
+         $('body').css('background',"url(images/spring.jpg");
+        } else if (result1Val <= 32){
+          $('body').css('background',"url(images/snowflakes.jpg");
+        }
+    }
+
+});