Estoy creando una entrada de búsqueda que muestra una lista de resultados a medida que el usuario ingresa texto. Los resultados se llaman desde una base de datos JSON, que luego toma cierta información y la coloca como texto dentro de un elemento de anclaje. Estoy tratando de mostrar solo seis de estos resultados a la vez, y me preguntaba si había una manera de poner un límite a la cantidad de un determinado elemento que se puede mostrar y no invalida la variable i que ya tengo. ¿establecer? Gracias

Mi código:

 for (let i=0; i < results.length; i++) { var div = document.getElementById('dropdown'); var link = document.createElement('a'); var locDot = document.createElement('img'); var linkT = document.createElement('h1'); var linkV = document.createElement('p'); link.setAttribute('href', 'NTS_TAXI_PLACEMENT.html'); link.setAttribute('class', 'link'); link.setAttribute('id', `link${i}`); locDot.setAttribute('src', 'locationDot.png'); locDot.setAttribute('class', 'locationDot'); linkT.setAttribute('class', 'address'); linkV.setAttribute('class', 'city'); linkT.textContent = (`${results[i].title}`); linkV.textContent = (`${results[i].vicinity}`); div.appendChild(link); link.appendChild(locDot); link.appendChild(linkT); link.appendChild(linkV); var linkAmount = div.getElementsByTagName('a'); var linkDisplay = linkAmount[i].style.display; document.getElementById('test').innerHTML = linkDisplay; function filterFunction() { var i, input, inputStr, div, a; input = document.getElementById('searchInput'); inputStr = input.value.toUpperCase(); div = document.getElementById('dropdown'); a = document.getElementsByTagName('a'); for (i=0; i < results.length; i++) { txtValue = a[i].textContent; if (txtValue.toUpperCase().indexOf(inputStr) > -1) { a[i].style.display = ""; } else { a[i].style.display = "none"; } } } }