Tengo este script que me gustaría extender para poder usar docenas de líneas...
var arr = [ { name:'Susan', country:'USA', age:27 }, { name:'John', country:'Canada', age:34 }, { name:'Klaus', country:'Germany', age:23 }, { name:'Peter', country:'Greece', age:29 } ]; var template = document.querySelector('#tmplt'); for (var i = 0; i < arr.length; i++) { var user = arr[i]; var clone = template.content.cloneNode(true); var h2 = clone.querySelectorAll('h2'); h2[0].className = "username"; h2[0].innerHTML = user.name; var p = clone.querySelectorAll('p'); var div = clone.querySelectorAll('div'); div[0].className = "box"; p[0].className = "content"; p[0].innerHTML = "Country: "+user.country+"<br>Age: "+user.age; template.parentNode.appendChild(clone); }En lugar de poner todos los datos de los usuarios en el script, estoy tratando de encontrar una manera de leerlos desde un archivo txt. ¿Alguien puede ayudar?
En lugar de usar un archivo txt, es mejor usar un archivo json como este:
usuarios.json
[ { name:'Susan', country:'USA', age:27 }, { name:'John', country:'Canada', age:34 }, { name:'Klaus', country:'Germany', age:23 }, { name:'Peter', country:'Greece', age:29 } ]si está utilizando el nodo, lea el archivo de esta manera:
var fs = require('fs'); var rawcontent = fs.readFileSync('./users.json','utf-8'); var users = JSON.parse(rawcontent) console.log(users)Si está ejecutando js en el navegador, use fetch de esta manera:
fetch('link to user.json') .then(res=>res.json()) .then(data=>{ console.log(data) })