Add javascript enabler

contact.html

@@ -40,16 +40,28 @@ <h1>Here is the way to contact pepe.</h1>
       <form>
           <label>
               message
-              <textarea name="message"></textarea>
+              <textarea placeholder="Text of message for pepe" name="message" onkeyup="enableBtn()"></textarea>
           </label>
           <label>
               nick
-              <input name="nick" type="text"/>
+              <input placeholder="Your nick" name="nick" type="text"  onkeyup="enableBtn()" />
           </label>
-          <button>Post</button>
+          <button disabled="disabled" id="post-btn">Post</button>
       </form>
     </main>  
   </div>
+  <script>
+    function enableBtn() {
+      var nl = document.getElementsByName("nick")[0].value.length;
+      var ml = document.getElementsByName("message")[0].value.length;
+      var btn = document.getElementById("post-btn"); 
+      if ((nl > 0) && (ml > 0)) {
+        btn.disabled = false
+      } else {
+        btn.disabled = "disabled"
+      }
+    }
+  </script>
   <script src="js/vendor/modernizr-3.11.8.min.js"></script>
   <script src="js/app.js"></script>
 

css/style.css

@@ -29,4 +29,8 @@ footer {
 aside {
   display: flex;
   flex-direction: column;
+}
+
+form {
+  margin: 1rem 3rem;
 }