[ERLEDIGT] Liste unter Suchfeld verbergen und Funktion beibehalten

[Ebstar]

Hi liebe Community :-)
ich bräuchte mal eure Hilfe :-D

Ich habe ein Suchfeld mit einer <li> Liste und soweit funktioniert diese auch tadellos.
Wenn ich etwas in das Suchfeld eintrage und es wieder lösche, bleiben trotzdem die ersten 5 Punkte der Liste sichtbar.

https://www.w3schools.com/code/tryit.asp?filename=FDFQ4D80KL0A

Ich möchte allerdings, dass das nicht der Fall ist. Wenn man beispielsweise "dw" einträgt und es wieder löscht, sieht man unten die ersten 5 Einträge.

Hat jemand einen Rat oder direkt eine Lösung für mich?

Muss ich ein weiteres display:none setzen und wenn ja wo?

Vielen Dank schonmal und einen schönen Start in den Tag.

Lieben Gruß :-)

 

[scbawik]

Hi liebe Community :)
ich bräuchte mal eure Hilfe :-D

Ich habe ein Suchfeld mit einer <li> Liste und soweit funktioniert diese auch tadellos.
Wenn ich etwas in das Suchfeld eintrage und es wieder lösche, bleiben trotzdem die ersten 5 Punkte der Liste sichtbar.

https://www.w3schools.com/code/tryit.asp?filename=FDFQ4D80KL0A

Ich möchte allerdings, dass das nicht der Fall ist. Wenn man beispielsweise "dw" einträgt und es wieder löscht, sieht man unten die ersten 5 Einträge.

Hat jemand einen Rat oder direkt eine Lösung für mich?

Muss ich ein weiteres display:none setzen und wenn ja wo?

Vielen Dank schonmal und einen schönen Start in den Tag.

Lieben Gruß :)

Aus

if (a.innerHTML.toUpperCase().indexOf(filter) > -1 && j != 5) {

Wird

if (filter && a.innerHTML.toUpperCase().indexOf(filter) > -1 && j != 5) {

 

[Ebstar]

Herzlichen DANK :-D funktioniert so wie es soll!
Hab noch einen schönen Tag und ab morgen ein schönes Wochenende :)