Tengo varios input de tipo texto y quiero que lo que se escriba en ellos se guarde mediante el click de un boton para que luego pueda acceder a el. Es decir una vez que se aprieta el boton se guarda el nombre de la serie la descripcion las temporadas y los capitulos, informacion que podre acceder luego mediante un menu.
En el codigo html tengo esto:
Nombre
<br>
<input type="text" name="texto" placeholder="Nombre" minlength="1" maxlength="30" id="Serie">
<br>
Descripcion
<br>
<input type="text" name="texto" placeholder="Descripcion" minlength="1" maxlength="30" id="Descripcion">
<br>
Cantidad de temporadas
<br>
<input type="number" name="texto" size="2" min="1" max="30" id="Temporadas">
<br>
Capitulos por temporada
<br>
<input type="number" name="texto" size="2" min="1" max="30" id="Capitulos">
</p>
<p>
<button type="button" id="botonAgregar"> Agregar/Actualizar </button>
En el codigo javascript tengo:
window.addEventListener("load",inicio);
function inicio(){
document.getElementById("botonAgregar").addEventListener("click", agregarSerie);
function agregarSerie() {
let nombreSerie=document.getElementById("Serie").value;
let descripcion=document.getElementById("Descripcion").value;
let temporadas=Number(document.getElementById("Temporadas").value);
let capitulos=Number(document.getElementById("Capitulos").value);
if(nombreSerie!=""){
let serie=new Serie(nombreSerie,descripcion,temporadas,capitulos);
let ok=sistema.agregarSerie(serie);
if(ok){
alert("Se guardó");
cargarCorresponde()
cargarLista();
cargarCombo();
}
else{
alert("Nombre repetido")
}
}
else{
alert("Ingrese un nombre");
}
}
Agradezco la ayuda