Estoy usando una búsqueda JS simple en la página en mi aplicación web Django. El problema es que no funciona en algunas de las vistas por alguna razón. Funciona en la plantilla creada por GameListView pero no funciona en la plantilla creada por GameListViewByDist . No estoy seguro de si es relevante, pero ambas vistas se muestran en game_list.html , que se extiende desde base.html, donde se encuentra el campo de búsqueda de la barra de navegación. Dado que ambos códigos de vista son muy parecidos, me resulta difícil encontrar el error. Agradezco cualquier ayuda.

 **HTML** **BASE.HTML** <nav> <input id="searchbox" type="search" placeholder="Search"> </nav> **JS** let type_timer; let type_interval = 300; let search_input = document.getElementById('searchbox'); search_input.addEventListener('keyup', () =>{ clearTimeout(type_timer); type_timer = setTimeout(liveSearch, type_interval); }); function liveSearch(){ let cards = document.querySelectorAll('.game_card'); let search_query = document.getElementById("searchbox").value; // SHOW MATCHES AND HIDE THE REST for (var i = 0; i < cards.length; i++){ if(cards[i].innerText.toLowerCase().includes(search_query.toLowerCase())){ cards[i].classList.remove("is_hidden"); } else{ cards[i].classList.add("is_hidden"); } } } **VIEWS.PY** class GameListView(SortableListMixin, ListView): sort_fields = [('name'), ('purchase_date')] model = models.Game ordering = ['-purchase_date'] def get_context_data(self, **kwargs): context = super(GameListView, self).get_context_data(**kwargs) context.update({ 'tag_list': models.Tag.objects.all(), }) return context class GameListViewByDist(ListView): def get_queryset(self): self.distributor = get_object_or_404(models.Distributor, pk=self.kwargs['distributor']) return models.Game.objects.filter(gamestatus__distributor=self.distributor) def get_context_data(self, **kwargs): context = super(GameListViewByDist, self).get_context_data(**kwargs) context.update({ 'tag_list': models.Tag.objects.all(), }) return context