JSFiddle - React, Tailwind, and code Playground

by victorrseloy

HTML

<div id="content">
     <h1>Feedback</h1>

    <form>
        <fieldset>
            <div id="anrede">
                <label for="Herr">Herr</label>
                <input id="Herr" type="radio" name="Anrede" value="Herr" />
                <label for="Frau">Frau</label>
                <input id="Frau" type="radio" name="Anrede" value="Frau" />
            </div>
            <div id="A">
                <label for="Name">Name*:</label> <a href="#" class="tooltip"><span>Pflichtfeld! Bitte geben sie ihren Nachnamen ein</span></a>
                <input id="Name" type="text" seize="40"/>
          </div>

                <div id="B">
                    <label for="Vorname">Vorname:</label>
                    <input id="Vorname" type="text" seize="40"/>
                </div>
                <div id="C">
                    <label for="Email">E-Mail*:</label><a href="#" class="tooltip">
            <span>Pflichtfeld! Bitte geben sie ihre E-Mail Adresse ein!</span></a>
                    <input id="Email" type="text" value=" " seize="40" onblur="ValidateEmail()"/>
          </div>

                <div id="D">
                    <label for="Feedback">Feedback*:</label> <a href="#" class="tooltip"><span>Pflichtfeld! Bitte geben sie ihr Feedback!</span></a>
                <textarea id="Feedback" rows="10"></textarea>
          </div>

        </fieldset>
        <br />
        <div id="Bottons">
            <input type="submit" value="Absenden" onclick="initCheck()"/>
            <input type="reset" value="Reset"/>   <a href="#" onclick="initCheck()"> initCheck() </a>

        </div>

JavaScript

function initCheck() {
    alert(1);
    var error = "";
    var N = document.getElementById("Name").value;
    var E = document.getElementById("Email").value;
    var F = document.getElementById("Feedback").value;

    if (N.length == 0) {
        error += 'Bitte geben Sie ihren Nachnamen ein!\n';
    }

    if (E.length == 0) {
        error += 'Bitte geben Sie ihre E-Mail ein!\n';
    }

    if (F.length == 0) {
        error += 'Bitte geben Sie ihr Feedback ein!\n';
    }

    alert(error);

    return true;
}

function test() {
    alert(1);
}