Estoy escribiendo un fragmento de código para llamar básicamente al principal generador de ingresos y los cinco principales generadores de ingresos en un conjunto de datos determinado. Mientras escribía el código, me di cuenta de que había un par de puntos en los que estaba reescribiendo el código, básicamente copiándolo y pegándolo. Mientras eso funciona, quería lanzar la parte duplicada del código y llamarlo desde una función. Sin embargo, eso no está funcionando y no sé exactamente por qué. Aquí está el código que está duplicado:
for (let i = 0; i < len; i++) { html += '<li class="top">' + '<h2>' + topSalaries[i][8] + '</h2>' + '<h3>' + topSalaries[i][11] + '</h3>'; } container.innerHTML = '<ul id = "topSalaries">' + html + '</ul>';Aquí está la función que hice para ser llamada. Sin embargo, cuando lo llamo, no funciona como se esperaba, donde la información aparece en la página web. Estoy usando VS Code y estoy ejecutando esto en un servidor en vivo, así que cuando guardo, la página web se actualiza automáticamente.
function createHtmlElements(len, html) { for (i = 0; i < len; i++) { html += '<li class="top">' + '<h2>' + topFiveSalaries[i][8] + '</h2>' + '<h3>' + topFiveSalaries[i][11] + '</h3>' + '</li>'; } return html } function getTopSalaries(boston, container) { const people = boston.data; const len = 5; // only want top five let topFiveSalaries = sortPeople(people).slice(0,len); // create the list elements html = createHtmlElements(len, html); container.innerHTML = '<ul id = topSalaries">' + html + '</ul>'; }Por un lado, topFiveSalaries no estará definido en la función createHtmlElements que ha creado, debe pasarlo a la función
Está bien. Entonces, gracias Dave por la ayuda. Parece que también me faltaba una pieza en la que también necesitaba pasar la matriz a la función. Esto es lo que escribí y cómo lo llamé.
function getTopSalaries(boston, container) { const people = boston.data; const len = 5; // only want top five var topFiveSalaries = sortPeople(people).slice(0,len); let html = ''; // create the list elements html = createHtmlElements(len, html, topFiveSalaries); container.innerHTML = '<ul id = topSalaries">' + html + '</ul>'; } function getTopEarner(boston, container){ const people = boston.data; const len = 1; let highEarner = sortPeople(people).slice(0,len); var html = ''; // create the list elements createHtmlElements(len, html, highEarner); container.innerHTML = '<ul id = topSalaries">' + html + '</ul>'; } // sort people by income in descending order function sortPeople(people) { people.sort(function(a, b) { return b[11] - a[11]; }) return people } function createHtmlElements(len, html, array) { for (i = 0; i < len; i++) { html += '<li class="top">' + '<h2>' + array[i][8] + '</h2>' + '<h3>' + array[i][11] + '</h3>' + '</li>'; } return html }