Estaba tratando de hacer una barra de búsqueda para un menú de navegación con listas de datos y usé JavaScript para hacerlo automáticamente en cada página. Sin embargo, no funciona, ¿cómo soluciono esto?

Definición de la entrada de texto

 let searchBar = document.createElement("input"); searchBar.type = "text"; searchBar.list = "search-results"; searchBar.id = "search-bar"; searchBar.name = "search-bar";

la lista de datos

 let searchResults = document.createElement("datalist"); searchResults.id = "search-results";

y las opciones

 const searchPagesDisplayNames = ["Home","Numbers","WIPs","Interpreters","Noise","What's the difference?","Star Calculator", "Tsevhu","Bee Swarm Ideas"]; const searchLinks = []; //Censored (not a mistake) for (let i = 0; i < searchPagesDisplayNames.length; i++) { let option = document.createElement("option"); option.value = searchPagesDisplayNames[i]; searchResults.appendChild(option); }

La barra de búsqueda y la lista de datos se agregarán al mismo elemento principal más adelante. Revisé el código y no encontré nada malo. Por favor ayuda