Tengo que devolver con document.write
los datos que el usuario ingrese de una colección de discos (nombre, autor, nombre del disco, las pistas que tiene y el código único de cada disco) con onClick()
.
El programa funcionaría así: al dar clic en Cargar datos del disco irán apareciendo los prompt
para cargar los datos de un disco. Luego de cargar toda la información del disco, el usuario si quiere
da clic de nuevo para cargar otro disco. Cuando ya haya cargado todos, le da al botón y ahí saldría toda la información.
El problema es que no logro hacer que el código para insertar el html funcione (sólo escribe el nombre del disco) y devuelve el resto de los datos como undefined
.
Éste es el objeto que creé:
class DatosDelDisco {
constructor(nombre, autor) {
this.nombre = nombre,
this.autor = autor,
this.codigo = [];
this.pistas = [];
this.duracion = [];
}
}
let disco = new DatosDelDisco();
// 1) SOLICITAR NOMBRE DEL DISCO
const ingresarNombreDelDisco = nombre => {
this.nombre = prompt("Ingrese el nombre del disco");
while (this.nombre == "") {
mensaje = alert("Debe ingresar el nombre del disco");
this.nombre = prompt("Ingrese el nombre del disco");
}
return nombre;
}
El código para solicitar autor tiene la misma estructura que el código de arriba.
// 3) PEDIR CÓDIGO DEL DISCO
const cargarCodigoDelDisco = (ingresarCodigo, codigo) => {
ingresarCodigo = parseInt(prompt("Ingresa el código del disco"));
// El valor ingresado va guardarse en la var código
codigo = ingresarCodigo;
// Validar el código ingresado por número
while (codigo <= 0 || codigo > 999) {
mensaje = alert("El código no puede ser menor a 1 ni mayor a 999. Por favor ingrese un código válido");
this.codigo = parseInt(prompt("Ingresa el código del disco nuevamente"));
}
// Se crea un array que va a guardar la var codigo para iterar en el ciclo
let listaDeCodigos = [codigo];
console.log(listaDeCodigos);
return listaDeCodigos;
}
// El código de pedir las pistas y la duración tiene la misma estructura que el código de arriba.
function mostrarDatos(){
ingresarNombreDelDisco();
ingresarAutorDelDisco();
cargarCodigoDelDisco();
let html = " ";
html += `<ul>`
html+= `<li>${this.nombre}</li>`
html +=`<li>${this.codigo}</li>`
html +=`<li>${this.pistas}</li>`
html +=`<li>${this.duracion}</li>`
html += `</ul>`
document.write(this.nombre);
}