JSFiddle - React, Tailwind, and code Playground

by borisjavier

HTML

<input type="text" id="member" name="member" value="" onblur="addFields()"> Number of members: (max. 10)<br /><br>
    <div id="container"/>

JavaScript

var array = ["Caso Sospechoso","Caso Confirmado"];
       var array1 = ["Sintomático","Asintomático"];
       function addFields(){
            var number = document.getElementById("member").value;
            var container = document.getElementById("container");
            while (container.hasChildNodes()) {
                container.removeChild(container.lastChild);
            }
            for (i=0;i<number;i++){
                container.appendChild(document.createTextNode((i+1) + ". "));
                var input = document.createElement("input");
                input.type = "text";
                input.placeholder = "Correo del contacto"
                container.appendChild(input);
                 var selectList = document.createElement('select');
                selectList.type = "select";
                selectList.name = "confirmado";
                for (var e = 0; e < array.length; e++) {
                    var option = document.createElement("option");
                    option.setAttribute("value", array[e]);
                    option.text = array[e];
                    selectList.appendChild(option);
                }
                container.appendChild(selectList)
 var selectList1 = document.createElement('select');
                selectList1.type = "select";
                selectList1.name = "sintomatico";
                for (var o = 0; o < array1.length; o++) {
                    var option1 = document.createElement("option");
                    option1.setAttribute("value", array1[o]);
                    option1.text = array1[o];
                    selectList1.appendChild(option1);
                }
                container.appendChild(selectList1)
                container.appendChild(document.createTextNode(" "));
                container.appendChild(document.createElement("br"));
            }
        }