JSFiddle - React, Tailwind, and code Playground

by Carlos Quintero

HTML

<div id="div_salida"></div>
<input type='date' class='tcal' name='inputText' id='inputText'>

<input type='button' name='cr' id='cr' value='Insertar' onClick="agregaFecha()">

JavaScript

var fechas = [];

function agregaFecha(){
	var fecha = $("#inputText").val();
  
  fechas.push(fecha);
  $("#div_salida").html("");
                                    
  	for(var i=0;i<fechas.length;i++){                              
  				$("#div_salida").append("<li id='"+[i]+"'>"+fechas[i]+ " "+"<input type='button' name='eliminar' id='"+[i]+"' value='Eliminar' onClick='eliminarFechas(this.id)'/></li>");
    }
    $("#inputText").val("");
}

function eliminarFechas(X){
	$("li[id="+X+"]").remove();
  delete fechas[X];
  console.log(fechas);
}