​

$('#btnGenerarDiv').click(function () { 

  event.preventDefault(); 

  // Evita la recarga de la página 

  // Generar el HTML dinámico para el nuevo form-outline 

  var divHTML = `<div class="form-outline mb-4" data-mdb-input-init> <input type="text" class="form-control" /> <label class="form-label">Nuevo Input</label> </div>`

​

  // Agregar el nuevo form-outline al contenedor

  $('#contenedorInputs').append(divHTML);

​

  // Inicializar el nuevo input con MDBootstrap para asegurar el comportamiento de la etiqueta flotante

  mdb.Input.getOrCreateInstance(document.querySelector('.form-outline'));

​

  // Incrementar el contador para generar IDs únicos

​

})