Estoy usando una API e intento acceder al valor de product.shoeName para cambiar el texto en mi página HTML. Este es mi código:
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="shoepoo.js"> </script> </head> <body> <div> <p id="text" style="color:purple; font-weight:bold;font-size:20px;"> </p> <script type="text/javascript"> shoeName(); </script> </div> </body> </html> const SneaksAPI = require('sneaks-api'); const sneaks = new SneaksAPI(); //getProducts(keyword, limit, callback) takes in a keyword and limit and returns a product array function shoeName(){ sneaks.getProducts("Jumbo Blazer", 1, function(err, products){ products.forEach( function names (product) { document.getElementById("text").innerHTML = product.shoeName; }) }); };Básicamente, quiero que product.shoeName se muestre como texto, pero no aparece nada. ¿Cómo puedo arreglar esto? Entiendo que es una función local que probablemente impide que se muestren los datos (o algo así), pero ¿cómo puedo solucionar esto?
Hecho debajo de los cambios en shoepoo.js
products.forEach((product)=> { document.getElementById("text").innerHTML = product.shoeName; }); Pero necesita crear componentes HTML dinámicos si hay varios datos en los products . De lo contrario, establece el último shoeName en el componente de párrafo.