Untitled

<h2 style="
background-color: yellow;
margin-right: 249px;
text-align: center;
color: #5b15f8;">
    Add 💩 Location
</h2>

<form>
    <p>Location Name</p>
    <input type="text" />

    <p> Email Address</p>
    <input id="emailid" type="email"/>

    <p> Long. </p>
    <input type="number" 
           min="-180" max="180"/>

    <p> Lat. </p>
    <input type="number" 
           min="-90" max="90"/>

    <p>Bathroom Type: </p>
    <input type="radio" id="private" name="fav_language">
    <label for="private">Private</label><br>
    <input type="radio" id="public" name="fav_language">
    <label for="public">Public</label><br>

    <p> Bathroom Facilities Available:</p>
    <input type="checkbox" id="western toilet">
    <label for="vehicle1"> Western Toilet </label><br>
    <input type="checkbox" id="Squatting toilet">
    <label for="vehicle2"> Squatting Toilet </label><br>
    <input type="checkbox" id="Tissue">
    <label for="vehicle3"> Tissue </label><br><br>
        
  <textarea id="w3review" name="w3review" rows="4" cols="50">
  </textarea>
  <br>
  <br>
</form>

<button onclick="createPooplocation()">
    Create Poop Location
</button>

<script>
    function createPooplocation(){
        console.log("user  clicked");

        if (document.getElementById("emailid").value === "") {
            alert("Email cannot be empty");
        }
    }
</script>