1

Tengo un array de elementos que el usuario va llenando al ingresar los datos por prompt, pero al querer iterarlo con forEach y mostrarlo por la pantalla, no logro hacerlo, aún cuando intenté de varias maneras.

const colores = []
    class Color {
      constructor(producto, cantidad, precio) {
        this.producto = producto
        this.cantidad = cantidad
        this.precio = precio
      }
      info() {
        return `De ${this.producto} tenemos ${this.cantidad} y el valor es de $${this.precio}x talla`
  }
}

while (colores.length < 2) {
  let producto = prompt('Ingrese el nombre del producto').toLowerCase()
  let cantidad = prompt('Ingrese la cantidad del stock')
  let precio = prompt('ingrese el valor del producto')
  if (!isNaN(cantidad) && !isNaN(precio)) {
    colores.push(new Color(producto, cantidad, precio))
  }
}

const mostrarInventario = () => {
  console.log(colores)
}

colores.forEach(function(elemento, index) {
  document.write(`<li id="${index}">${elemento}</li>`)
})

1 respuesta 1

1

Te falta en tu código llamar al método info de cada elemento. En el ciclo debes insertar:

document.write(`<li id="${index}">${elemento.info()}</li>`)

Te adjunto tu código corregido:

const colores = []

class Color {
  constructor(producto, cantidad, precio) {
    this.producto = producto
    this.cantidad = cantidad
    this.precio = precio
  }

  info() {
    return `De ${this.producto} tenemos ${this.cantidad} y el valor es de $${this.precio}x talla`
  }
}

while (colores.length < 2) {
  let producto = prompt('Ingrese el nombre del producto').toLowerCase()
  let cantidad = prompt('Ingrese la cantidad del stock')
  let precio = prompt('ingrese el valor del producto')
  if (!isNaN(cantidad) && !isNaN(precio)) {
    colores.push(new Color(producto, cantidad, precio))
  }
}

const mostrarInventario = () => {
  console.log(colores)
}

colores.forEach(function(elemento, index) {
  document.write(`<li id="${index}">${elemento.info()}</li>`)
})

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.