Responsive header block complete

src/index.html

@@ -252,6 +252,7 @@ <h2 class="contact__title">Contact us</h2>
             <form
               action="post"
               class="contact__form"
+              id="contact__form"
             >
               <input
                 type="text"
@@ -272,11 +273,12 @@ <h2 class="contact__title">Contact us</h2>
                 placeholder="Message"
                 required
               ></textarea>
-              <input
-                type="submit"
-                value="Send"
+              <button
                 class="contact__button"
-              />
+                id="contact__button"
+              >
+                Send
+              </button>
             </form>
           </div>
           <div class="contact__container--info">
@@ -312,5 +314,7 @@ <h2 class="contact__title">Contact us</h2>
     </main>
 
     <footer class="footer"></footer>
+
+    <script src="./scripts/main.js"></script>
   </body>
 </html>

src/scripts/main.js

@@ -1 +1,7 @@
 'use strict';
+
+document.getElementById("contact__form").addEventListener("submit", function(event) {
+  event.preventDefault();
+  document.getElementById("contact__form").reset();
+  window.alert("Form sent!");
+});