JSFiddle - React, Tailwind, and code Playground

JavaScript

createForm("a");
            var type;
            function createForm(type){
                var form = document.createElement("form");
                if(document.body.appendChild(form)){
                    form.method = "post";
                    form.action = "";
                    var trainingName = document.createElement("input");
                    form.innerHTML = "name";
                    form.appendChild(trainingName);
                    trainingName.type = "text";
                    trainingName.name = "trainingName";
                    
                    if(type = "a"){
                        var addDrillButton = document.createElement("button");
                        form.appendChild(addDrillButton);
                        addDrillButton.innerHTML = "button";
                        addDrillButton.onclick = function() {addDrill()};
                        
                        function addDrill() {
                            var drillName = document.createElement("input");
                            form.appendChild(drillName);
                            drillName.className = "drillName";
                        }
                    }
                }
            }