var obj = JSON.parse(portfolioData.json); function appendData(data) { var code = ""; for (var i = 0; i < data.length; i++) { var current = data[i]; code = code + '<div class="post flexbox"> <div class="column20 ver-center" style="margin-right: 30px;">'; code = code + '<h6>' + current.date[0] + '<br>' + current.date[1] + '<br>' + current.date[2] + '</h6></div>'; code = code + '<div class="column80 ver-center">'; code = code + '<a href="' + current.link + '" target="_blank">'; code = code + '<h2 class="white"><u>' + current.title + '</u></h2></a>'; code = code + '<p>' + current.description + '</p></div></div>'; } return code; } document.getElementById("main-portfolio").innerHTML = appendData(obj);Todo el código anterior está dentro de las etiquetas dentro del div con la etiqueta "cartera principal". Cuando abro el archivo HTML normalmente, los datos de JSON no aparecen en el archivo HTML. ¿Cómo soluciono este problema?
El archivo json "portfolioData.json" está en el mismo directorio que el archivo HTML principal. El formato del JSON se encuentra a continuación.
[ { "title": "SAMPLE TITLE", "link": "https://google.com", "date": ["22", "11", "20"], "description": "SAMPLE DESCRIPTION" } ]dijiste: todo el código anterior está dentro de las etiquetas dentro del div con la etiqueta "cartera principal"
esto implica que el script que escribió está intentando ejecutarse antes de que el elemento #main-portfolio se haya agregado al modelo de objeto del documento.
tal vez intente ejecutar el script más adelante en la página.