JSFiddle - React, Tailwind, and code Playground

by KARTHIKEYAN K

JavaScript

/**
 * Created by USER on 28/05/2017.
 */
(function () {


    mainPageElements();

    function mainPageElements() {
        var ele = document.getElementById('dynamic');
        ele.innerHTML = '';
        ele.innerHTML += '<section style="margin-top: 100px">' +
            '<button id="btn1" onclick="">Login</button>' + ' ' +
            '<button id="btn2">SignUp</button>' +
            '</section>';
        var loginbtnElement = document.getElementById('btn1');
        loginbtnElement.addEventListener("click", loginClick, false);
        var signupbtnElement = document.getElementById('btn2');
        signupbtnElement.addEventListener("click", SignUpPageElements, false);
    }

    function SignUpPageElements() {
        var ele = document.getElementById('dynamic');
        ele.innerHTML = '';
        ele.innerHTML += '<section style="text-align: center">' +
            '<p>SignUp</p>' +
            '<input name="name" type="text" placeholder="Name"/>' + '<br>' +
            '<input name="email" type="email" placeholder="Email"/>' + '<br>' +
            '<input name="password" type="password" placeholder="Password"/>' + '<br>' + '<br>' +
            '<button id="submitUpBtn">Submit Query</button>' + '<br>' + '<br>' +
            '<button id="backBtn" style="float:right">Back</button>' + '<br>' +
            '</section>';
        var submitBtnElement = document.getElementById('submitUpBtn');
        submitBtnElement.addEventListener("click", insertData, false);
        var backtBtnElement = document.getElementById('backBtn');
        backtBtnElement.addEventListener("click", mainPageElements, false);
    }

    function loginClick() {
        alert('Hello Karthik');
    }

    function insertData() {
        var name = document.getElementsByName('name')[0].value;
        var email = document.getElementsByName('email')[0].value;
        var password = document.getElementsByName('password')[0].value;
        if (!email && !email && !password) {
           ...