Local Storage
Hallo,
Ich arbeite grade mit Freunden an einem Schulprojekt. In diesem soll es möglich sein Name in eine Liste einzugeben. Anschließend soll immer ein oder mehrere zufällige Namen ausgewählt werden, die dann eine Aufgabe erledigen müssen.
Wäre es möglich hier mit dem Localstorage zu arbeiten? Habe hierzu ein gutes Tutorial gefunden. https://www.webmasterpro.de/coding/article/javascript-html5-local-storage-tutorial.html
Kann ich hier einzelnen Einträge Auswählen?
(Die Aufgaben haben wir aktuell in einer Datenbank gespeichert)
Oder muss ich mit einem komplett anderen Gedanken an die Sache rangehen?
Danke schonmal im Voraus.
Der hier verwendete Code
<span> Anzahl Zufällige Namen : <input type="number" min="1" id="text" value="1"> ( <span id="info"></span> )<button>Hole Namen</button>
<div></div>
<script>
var namen=['Lucy','Lukas','Ella','Konstantin','Amy','Ben','Emely','Jonas','Finja','Elias','Amelie','Niklas','Luise','David','Frieda','Oskar','Katharina','Philipp','Romy','Leon','Juna','Noah','Theresa','Luis','Eva','Paul','Julia','Finn','Anna','Felix','Carla','Julian','Paulina','Maximilian'];
menge=namen.length;
te=document.getElementById('text');
te.setAttribute('max',menge);
out=document.getElementsByTagName('div')[0];
document.getElementById('info').innerHTML='Maximal '+menge;
but=document.getElementsByTagName('button')[0];
but.addEventListener('click',function(){
zwischenspeicher=[];
out.innerHTML='';
zufalligenamen=te.value;
function run(){
if(zwischenspeicher.length<zufalligenamen){
num=Math.floor(Math.random () * menge);
if(zwischenspeicher.indexOf(namen[num])!=-1){
run();
}else{
zwischenspeicher.push(namen[num]);
run();
}
}else{
for(x1=0;x1<zwischenspeicher.length;x1++){
out.innerHTML+=(x1+1)+'. '+zwischenspeicher[x1]+'<br>';
}
}
}
run();
})
</script>