JSFiddle - React, Tailwind, and code Playground

by lithium182

HTML

<label for="totalDist">Pocet km: </label>
<input type="text" id="totalDist">
    <input type="button" value="Spocitej!"><br>
<input id="subm" type="button" onclick="addRow()" value="+">
<div id="add"></div>

JavaScript

var add = document.getElementById("add");
var rowCounter = 0;

function addRow() {
    var newRow = document.createElement("div");
    var newInput = document.createElement("input");
    var newDisp = document.createElement("label");
    
    newRow.appendChild(newInput);
    newRow.appendChild(newDisp);
    
    add.appendChild(newRow);
    
    newInput.type = "date";
    newRow.setAttribute("data-count", rowCounter);
    
    rowCounter++;
}