JSFiddle - React, Tailwind, and code Playground

HTML

<p>Do you have a question or comment about EiP? We want to hear from you as your feedback is critical to our success.</p>
    <p class="required">*Required info</p>
    <form action="contactus.html" method="post" name="contactform" id="contactform">
    <p class="allforms">Full Name<span>*</span></p>
    <input name="name" type="text"  id="name"/>                        
    <p class="allformsRt">Email Address<span>*</span></p>
    <input type="text" name="email" id="email" />
    <p class="allforms">Company</p>
    <input name="company" type="text"  id="company" />
    <p class="allformsRt">Phone Number</p>
    <input type="text" name="phone" id="phone" />
    <p class="allforms">How can we help?</p>
    <textarea name="application" cols="35" rows="5" title="title" label="label" style="float:left">Type your questions, comments, feedback</textarea>
    <label for="code" style="float:left; clear:both">Write code below > <span id="txtCaptchaDiv" style="color:#F00"></span><!-- this is where the script will place the generated code --> 
    <input type="hidden" id="txtCaptcha" /></label><!-- this is where the script will place a copy of the code for validation: this is a hidden field -->
    <input type="text" name="txtInput" id="txtInput" size="30" style="float:left; clear:both" /> 
    <input name="Submit" type="submit" value="Contact Us" style="float:left; clear:both" />
        </form>

JavaScript

(function() {
    //Generates the captcha function    
    var a = Math.ceil(Math.random() * 9) + '';
    var b = Math.ceil(Math.random() * 9) + '';
    var c = Math.ceil(Math.random() * 9) + '';
    var d = Math.ceil(Math.random() * 9) + '';
    var e = Math.ceil(Math.random() * 9) + '';

    var code = a + b + c + d + e;
    document.getElementById("txtCaptcha").value = code;
    document.getElementById("txtCaptchaDiv").innerHTML = code;

    document.getElementsByTagName("form")[0].onsubmit = function() {
        var ret = checkform(this);
        if (ret != false) {
            MM_validateForm('name', '', 'R', 'email', '', 'RisEmail');
            return document.MM_returnValue;
        } else {
            return false;
        }
    };
}())


function checkform(theform) {
    var why = "";

    if (theform.txtInput.value == "") {
        why += "- Security code should not be empty.\n";
    }
    if (theform.txtInput.value != "") {
        if (ValidCaptcha(theform.txtInput.value) == false) {
            why += "- Security code did not match.\n";
        }
    }
    if (why != "") {
        alert(why);
        return false;
    }
}

// Validate the Entered input aganist the generated security code function   

function ValidCaptcha() {
    var str1 = removeSpaces(document.getElementById('txtCaptcha').value);
    var str2 = removeSpaces(document.getElementById('txtInput').value);
    if (str1 == str2) {
        return true;
    } else {
        return false;
    }
}

// Remove the spaces from the entered and generated code

function removeSpaces(string) {
    return string.split(' ').join('');
}

function MM_validateForm() { //v4.0
    if (document.getElementById) {
        var i, p, q, nm, test, num, min, max, errors = '',
            args = MM_validateForm.arguments;
        for (i = 0; i < (args.length - 2); i += 3) {
            test = args[i + 2];
            val = document.getElementById(args[i]);
            if (val) {
                nm = val.name;
   ...