JSFiddle - React, Tailwind, and code Playground

by alexflav23

HTML

<form name="contact">
                <fieldset>
                    <label class="labelone" for="naam">Naam: </label>
                    <input name="naam">
                    <label for="email">Email: </label>
                    <input name="email">
                    <label for="boodschap">Boodschap: </label>
                    <textarea name="boodschap"></textarea>
                </fieldset>
                <fieldset>
                    <input class="btn" type="button" id="submit" value="Verzenden" />
                    <div id="resultaat"></div>
                </fieldset>
            </form>

JavaScript

function valideren() {
    var naam = document.getElementsByName('naam')[0].value,
    email = document.getElementsByName('email')[0].value,
    boodschap = document.getElementsByName('boodschap')[0].value,
    target = document.getElementById('resultaat');
if (naam.length && email.length && boodschap.length) {
    target.innerHTML = "valid";
} else {
    target.innerHTML = "invalid";
};
};

var submit = document.getElementById("submit");
submit.onclick = valideren;