Letzte Suchanfragen im Textfeld Speichern
Hallo zusammen.
Ich habe ein kleines Tool in HTML, mit Hilfe von JS.
Es hat ein Suchfenster und ein Button "öffnen".
Es sind mehrere HTML Dateien abgelegt und die Ausgabe, wenn man Dateinamen eintippt und "öffnen" klickt, sieht so aus
es öffnet sich in Browser mit:
(prefix) htttp://www.seitennahme.uk/ordener/ EINGEGEBENER NAHME .html (suffix)
Wie kann ich JS so erweitern, dass letzte 5 Suchergebnisse im Textfeld als Dropdown Menü auszuwählen sind?
Hoffe auf eure Tipps :)
Der hier verwendete Code
<h1>Die letzten 5 Suchen speichern</h1>
<input id="text" type="text">
<select id="selectauswahl"></select>
<input type="button" id="suche" value="suchen">
<p>Bei deaktiviert sind noch keine anfragen gespeichedrt</p>
<input type="button" id="kill" value="alle eintrage löschen">
<p> Ab den 6 Eintrag wird der erste Eintrag gelöscht und den neuen Eintrag hinten dran gesetzt</p>
<script>
var speichermenge=5;//Wie viele einräge sollen gespeichert werden
all();// Deiese fuction ist nur zu test zwecken da damit nicht jede änderug erst nach einen seiten reload sieht
function all(){// """""
var fragen=localStorage.getItem('suchanfragen');
sel=document.getElementById('selectauswahl');
var sammeln='';
if(fragen!=null){
was=fragen.split(',');
menge=was.length-1;
for(a=0;a<=menge;a++){
sammeln+='<option value="'+was[a]+'">'+was[a]+'</option>';
}
weiter(fragen,true,menge,was)
}else{
sammeln='<option>deaktiviert</option>';
weiter(fragen,false,0,0);
}
sel.innerHTML=sammeln;
function weiter(fragen,s,menge,was){
such=document.getElementById('suche');
such.addEventListener('click',function(){
text=document.getElementById('text');
var fragevalue=text.value;
if(s==false){
localStorage.setItem('suchanfragen', fragevalue+',');
}else{
if(menge<=speichermenge-1){
localStorage.setItem('suchanfragen', fragen+fragevalue+',');
}else{
var rein =was[1]+','+was[2]+','+was[3]+','+was[4]+','+fragevalue+',';
localStorage.setItem('suchanfragen',rein);
}
}
all()// ""
})
}
}// ""
document.getElementById('kill').addEventListener('click',function(){
localStorage.removeItem('suchanfragen');
all();
})
</script>