Estoy tratando de generar una tabla a partir de una matriz con una función de búsqueda. Con cada letra escrita en la barra de búsqueda, se mostrarán los elementos que contienen esa cadena específica.

Llegué a la conclusión de generar la tabla completa con cada pulsación de tecla en lugar de editar la actual.

Aquí es donde estoy:

Lo que está escrito actualmente en la barra de búsqueda:

 let searchBar = document.getElementById('search-input'); let value = " "; searchBar.addEventListener(`keyup`, function(){ value = this.value

Como hago la tabla:

 let tableUsers = document.getElementById("tabell"); function drawTable() { let table = document.createElement("table"); let tableHead = document.createElement("thead"); let colHeads = ["Name"]; for (let header of colHeads) { let cell = document.createElement("th") cell.innerHTML = header; tableHead.appendChild(cell); } table.appendChild(tableHead) for (let x of people) { let row = document.createElement("tr"); let name = document.createElement("td"); name.innerHTML = x.name.first + "&nbsp" + x.name.last; row.appendChild(name); table.appendChild(row); } tableUsers.appendChild(table); } drawTable()

Estoy intentando esto:

 let str = x.name.first.toLowerCase() if (str.includes(value)){ //code }

¿Es posible hacerlo de esta manera? ¿O es posible usar JS y arreglos grandes sin usar muchos recursos de la computadora? ¡Cualquier ayuda es muy apreciada!