Video 58: Creating a Search Form

2019-10-10 12:30:22 -06:00
parent 9dcb792e18
commit 5c550efba9
2 changed files with 25 additions and 9 deletions
--- a/web-server/templates/views/index.hbs
+++ b/web-server/templates/views/index.hbs
@@ -6,16 +6,23 @@
    <title>Weather</title>
    <link rel="icon" href="/img/weather.png">
    <link rel="stylesheet" href="/css/styles.css">
-    <script src="/js/app.js"></script>
 </head>

 <body>
  <div class="main-content">
    {{>header}}
+
    <p>Use this site to get your weather!</p>
+
+    <form>
+      <input placeholder="Location">
+      <button>Search</button>
+    </form>
  </div>

  {{>footer}}
+
+  <script src="/js/app.js"></script>
 </body>

 </html>