JSFiddle - React, Tailwind, and code Playground

by Harm Zeinstra

HTML

<a href="#" id="filldetails" onclick="addFields()">Voeg artikel toe</a>

  <table>
  <tbody>
     <div id="container"/>
  </tbody>
  </table>

JavaScript

function addFields(){

            var container = document.getElementById("container");
								
            var tr = document.createElement("tr");
            var tdLabel = document.createElement("td");
            var tdInput = document.createElement("td");
            var inputArtikel = document.createElement("input");
            var inputAantal = document.createElement("input");
            var bold = document.createElement("b");
                tr.innerHTML = '<td class="formlabel"><b>Artikelcode:</b></td><td><input type="text" name="new[]" style="width:60px;"><b>&nbsp; Aantal: </b><input type= "text" name="aantal[]" style="text-align:center;width:20px;">&nbsp; Kies opslaan om toe te voegen</td>'
                
           
                
            container.appendChild(tr);
        }