über "Fetch" Json Array/Object auswerten

[mat-sche]

Guten Morgen Mat,
ich habe jetzt zwei Mal versucht, deine PN zu beantworten aber jedes Mal ist die Nachricht im Nirwana verschwunden.
Ich habe mich schon gefragt warum das so war, dass ich eine doppeleintrag bei mir gefunden habe

Code:

Code:
    <div id="wrapper120">
        <input class="slider" type="range">
        <div class="out"></div>
    </div>
    <div id="wrapper121">
        <input class="slider" type="range">
        <div class="out"></div>
    </div>
    <script>
        function shutter(sel, ip) {
            const
                wrapper = document.querySelector(sel),
                slider = wrapper.querySelector('.slider'),
                output = wrapper.querySelector('.out');
            let
                timerForFenster;
            function update() {
                fetch(`http://${ip}/cm?cmnd=ShutterPosition%20?`).then(function (response) {
                    response.text().then(function (text) {
                        const Status = JSON.parse(text);
                        console.log("Anzeige der Constante", Status);
                        output.innerHTML = Status.Shutter1.Position;
                        slider.value = data;
                        // Vergleich von Ist und Zielposition audf dem Tasmota-Device
                        if (Status.Shutter1.Position == Status.Shutter1.Target) {
                            // Timer stoppen:
                            clearInterval(timerForFenster);
                        }
                    });
                });
            }
            function onSlide() {
                fetch(`http://${ip}/cm?cmnd=ShutterPosition%20` + slider.value).then(function (response) {
                    response.text().then(function (text) {
                        const Status = JSON.parse(text);
                        timerForFenster = setInterval(update, 1000);
                    });
                });
            }
            slider.addEventlister('change', onSlide)
        }
        shutter('#wrapper120', '192.168.188.146');
        shutter('#wrapper121', '192.168.188.147');
    </script>

Vielen Dank dafür, das muss ich aber erst einmal analysieren. Die erste "Megaschleife":

Code:

const Status_0 = [
                //Daten für Tasmo-Status_0: Device_1. Shutter: Wohnzimmer links, rechts, mitte ; Bad links, rechts

               
                {
                    url: 'http://192.168.188.120/cm?cmnd=status%200',
                    idCont: 'gruppe_heber_Device_1'
                },
               
                {
                    url: 'http://192.168.188.121/cm?cmnd=status%200',
                    idCont: 'gruppe_heber_Device_2'
                },
                {
                    url: 'http://192.168.188.122/cm?cmnd=status%200',
                    idCont: 'gruppe_heber_Device_3'
                },
                {
                    url: 'http://192.168.188.123/cm?cmnd=status%200',
                    idCont: 'gruppe_heber_Device_4'
                },
                {
                    url: 'http://192.168.188.124/cm?cmnd=status%200',
                    idCont: 'gruppe_heber_Device_5'
                },
                {
                    url: 'http://192.168.188.72/cm?cmnd=status%200',
                    idCont: 'gruppe_heber_Device_6'
                }

habe ich erst jetzt kapiert...

Jetzt aber noch eine Idee, ich bekomme ja über die Schleife (siehe oben) so einige Wert aus dem Fetch, der Statusmeldung von Tasmota. Dabei ist auch

Code:

<div id="gruppe_heber_Device_2">

   <div class="IPAddress"></div>

</div>

die IP Adresse von dem Tasmota Device. Wie könnte aus der Variable "<div class="IPAddress"></div>" gleich ein Link mit der Adresse als auswahl machen.. in der Form so

Code:

<div li><href= class = "IPAddress"></li></div>

Leider weiss ich nicht weiter....

Grüße MAT