Estoy tratando de ejecutar una página web con ese archivo js, por alguna razón, no quiere funcionar y cuando pruebo la consola dice "Recarga en vivo habilitada". Alguien sabe como puedo solucionar ese problema? .
const container = document.querySelector('.datalink') let listdata = async() => { let url = ' http://localhost:3000/indusboards'; const urlfetch = await fetch(url); const urlfound = await urlfetch.json(); let template = ''; datafound.array.forEach(element => { template += ` <div class ="element"> <p><small>${element.serialno}</small></p> <p><small>${element.boardtest}</small></p> <p><small>${element.testresul}</small></p> <p><small>${element.serialno}</small></p> <p><small>${element.testdate}</small></p> <p><small>${element.testtime}</small></p> <p><small>${element.boardlocation}</small></p> <a href = "/json_projet/details.html">.... more</a> </div> ` }) container.innerHTML = template; } window.addEventListener('DOMContentLoarded', () => listdata());Cometió un error ortográfico, cambie su código a.
window.addEventListener('DOMContentLoaded', () => listdata());
En vez de
window.addEventListener('DOMContentLoarded', () => listdata());
o podrías usar
window.onload = () => { listdata() }¿Qué tal esto?
const container = document.querySelector('.datalink') let listdata = async() => { let url = ' http://localhost:3000/indusboards'; const urlfetch = await fetch(url); const urlfound = await urlfetch.json(); let template = ''; datafound.array.forEach(element => { template += ` <div class ="element"> <p><small>${element.serialno}</small></p> <p><small>${element.boardtest}</small></p> <p><small>${element.testresul}</small></p> <p><small>${element.serialno}</small></p> <p><small>${element.testdate}</small></p> <p><small>${element.testtime}</small></p> <p><small>${element.boardlocation}</small></p> <a href = "/json_projet/details.html">.... more</a> </div> ` }) container.innerHTML = template; } window.addEventListener('DOMContentLoaded', () => listdata());