I can not seem to get this "myfunction1" to work. Maybe I have it set up wrong or a stupid mistake. I need it to work so if the two text inputs have nothing in them you receive a pop up alerting you to fix the form. If there is already an input in the boxs I need it to say completed or thank you. I am sure its an easy fix but if someone could help me out I would appreciate it. Been searching for 4 hours now and still stuck. Thanks!

```
<!DOCTYPE HTML>
 <html>
 <head>
<link rel="stylesheet" href="styles.css">

 </script>
  </head>
  <body>
   <form id="myForm">
    First name: <input type="text" id="field1" name="fname"><br><br>
    Last name: <input type="text" id="field2" name="lname"><br><br>
    <input type="button" onclick="myFunction()" value="Reset form">
    <input type="button" onclick="myFunction1()" value="Submit form">
</form>

<script>
  function myFunction() {
   document.getElementById("myForm").reset();
  }
    function myFunction1() {
     var x = document.getElementById("field1").value;
     if (x == null || x == "") {
     alert("Please Fill In Form Correctly");
     } else {
     alert("Thank You for Submitting");
  }
 }
  </script>

  </body>
   </html>

```