Suchfunktion nur einmal aufrufbar

html.de-Forum JavaScript
1

Hallo Leute hab folgendes Problem:

<input id="input-suche" type="text" size="20" placeholder="Suche...">
<button class="btn-suche" onClick="suche()"></button>
<script>
function suche(){
var eingabe = document.getElementById("input-suche").value.toLowerCase();
var gegenstand = document.getElementById(eingabe);
gegenstand.style.visibility = "visible";
}</script>

Wenn Ich nun etwas ins Suchfeld eingebe und danach Suche wird der Gegenstand gefunden und angezeigt.
Wenn ich jetz aber etwas anderes suchen will muss ich die Seite erneut laden, damit ich einen anderen Gegenstand suchen kann ansonsten wird der Gegenstand niemals „visible“.

Hoffe ihr könnt mir helfen :slight_smile:

2

Ok habs hinbekommen

function search(){ if(document.getElementById("input-suche").value!=""){ var suche = document.getElementById("input-suche").value.toLowerCase().trim(); var gegenstand = document.getElementById(suche); gegenstand.style.visibility = "visible";} else{ var reset = document.getElementsByClassName('gegenstand'); for(i=0; i<reset.length; i++){ reset[i].style.visibility = "hidden";}} }