Auf Thema antworten

Beitrag

[QUOTE="Sempervivum, post: 12399, member: 3917"]
Guten Morgen,
ich habe jetzt auch diese beiden offenen Punkte berücksichtigt:
[CODE]    <script>
        const
            maxOptions = 3,
            url = 'https://die-url-vor-meldungsnummer';

// Zuvor eingegebene Claimnumbers aus dem Localstorage lesen
        // und die Optionen der Datalist generieren:
        const jsonNr = localStorage.getItem('claimnumbers'),
            datalist = document.getElementById('datalist-claimnr');
        if (jsonNr) {
            const nrArray = JSON.parse(jsonNr);
            nrArray.forEach(nr => {
                // Die Option erzeugen und in die Datalist eintragen:
                const newOption = new Option(nr);
                datalist.appendChild(newOption)
            });
        }

// Eventlistener fuer Tastendruck registrieren:
        document.getElementById('meldungsnr-input').addEventListener('keypress', event => {
            // Wurde die Enter-Taste gedrückt und ist die Eingabe fehlerfrei?
            if (event.key === "Enter" && event.target.validity.valid) {
                // Meldungsnummer aus dem Eingabefeld holen
                // Sicherheitshalber entfernen wir fuehrende und folgende
                // Leerzeichen durch Aufruf von trim:
                const meldungsnr = event.target.value.trim(),
                    // vollstaendige URL zusammen bauen:
                    urlComplete = url + meldungsnr + '.de';
                console.log(urlComplete)
                insertOption(meldungsnr);
                event.target.value = '';
                // und aufrufen:
                location.href = urlComplete;
            }
        });

// Neue Option in Datalist eintragen:
        function insertOption(nr) {
            const datalist = document.getElementById('datalist-claimnr');
            // Array mit Claimnumbers aus den Optionen erzeugen:
            // nrArray = [];
            nrArray = Array.from(document.querySelectorAll('#datalist-claimnr option'))
                .map(item => {
                    return item.textContent;
                });
            // Ist die neue Nummer noch nicht darin?
            if (!nrArray.includes(nr)) {
                // Neue Nummer am Anfang hinzu fuegen:
                nrArray.unshift(nr);
            }
            // Ist jetzt die max. Anzahl der Elemente ueberschritten?
            if (nrArray.length > maxOptions) {
                // Das letzte Element entfernen:
                nrArray.pop();
            }
            // Jetzt das Array in Localstorage eintragen:
            localStorage.setItem('claimnumbers', JSON.stringify(nrArray));
            console.log(nrArray)
        }
    </script>
[/CODE]
[/QUOTE]

Authentifizierung