agregar datos a una bd
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulario y arreglo de datos</title>
<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
<form id="miFormulario">
<div class="form-row">
<div class="form-group col-md-4">
<label for="inputID">ID:</label>
<input type="text" class="form-control" id="inputID" name="id">
</div>
<div class="form-group col-md-4">
<label for="inputRegistro">Registro:</label>
<input type="text" class="form-control" id="inputRegistro" name="registro">
</div>
<div class="form-group col-md-4">
<label for="inputPDF">PDF:</label>
<input type="text" class="form-control" id="inputPDF" name="pdf">
</div>
</div>
<button type="submit" class="btn btn-primary">Guardar</button>
</form>
</div>
<script>
const datos = [];
// Función para imprimir datos en consola
function imprimirDatos() {
console.log("Datos ingresados:");
datos.forEach(dato => {
//console.log("ID:", dato.id);
//console.log("Registro:", dato.registro);
//console.log("PDF:", dato.pdf);
});
}
// Obtener formulario
const formulario = document.getElementById("miFormulario");
// Escuchar el evento submit del formulario
formulario.addEventListener("submit", function(event) {
event.preventDefault(); // Prevenir el comportamiento por defecto del formulario
// Obtener valores del formulario
const id = formulario.id.value;
const registro = formulario.registro.value;
const pdf = formulario.pdf.value;
// Agregar datos al arreglo
datos.push({ id, registro, pdf });
// Imprimir datos en consola
imprimirDatos();
// Limpiar formulario
formulario.reset();
console.log("basededatos",datos)
});
</script>
</body>
</html>
Comentarios
Publicar un comentario