JSFiddle - React, Tailwind, and code Playground

by midnightcoder

JavaScript

var newInput = document.createElement ("input");
document.body.appendChild (newInput);
newInput.type = "text";
//newInput.required = true;
newInput.Id = "inputId";
var newButton = document.createElement ("input");
document.body.appendChild (newButton);
newButton.type = "button";

newInput.addEventListener ("input", checkValid, false); 


    function checkValid(newInput) {
        if (newInput.value == "") {
                            newInput.setCustomValidity("Write a text");
                        } else {
            
            newInput.setCustomValidity('');
        }
                    }

                  
    
    newButton.onclick = function () 
                    {
                        var newInputValue = newInput.value;
                        var newInputAdd = document.createElement("p");
                        newInputAdd.innerHTML = newInputValue;
                        checkValid (newInputValue);
                        document.body.insertBefore (newInputAdd, document.body.childNodes[0]);
                        newInput.value = '';
                        
                        }