Async function übergabe einer variable klappt nicht

[valerius]

Hallo,

bin neu hier und eigentlich anfänger im Bereich Javascript, ich bin gerade dabei eine Web App zu erstellen ein Radiostreaming ähnlich radio.de mit verschiedenen sendern. Was ich bis jetzt umgesetzt habe:

Abfrage aller Stationen über API url Liste geht.
Sender spielen wie es sein soll.

An was es bis jetzt scheitert: Kategorie Liste habe ich hinzugefügt, jetzt muss ich beim Klicken auf eine Kategorie ID an API url übergeben damit ich die Kategorie geöffnet bekomme.

Abruf:

<div onclick="openNav(); getCategoriesRadio(${All_cat[i].id})" class="playlist-card">Inhalt</div>

Hierhin wird es übergeben:

async function getCategoriesRadio(ids) {

  

  

    const idx = await ids;





    if (idx >= '') {

        let url = await `https://mylink.me/myApi/api.php?method=getRadios&api_key=Uhr huA&offset=0&limit=1000&genre_id=${idx}`;



        try {

            let res = await fetch(url);

            let data = await res.json();

 // Hier ein Alert beim Klicken wird die richtige ID angezeigt         



 alert(idx);

            return data;

        } catch (error) {

            console.log(error);

        }



    }









}

async function renderCategoriesRadio() {

  let side = document.querySelector('.video-sec-middle');

  const All_cat_r = await getCategoriesRadio();



  for (let i = 0; i < All_cat_r.length; i++) {

    let Html = `<li class="thumb-wrap"><a href=""><img class="thumb" src="https://my.link/uploads/radios/${All_cat_r[i].img}" alt=""><div class="thumb-info"><p class="thumb-title">${All_cat_r[i].name}</p><p class="thumb-user">${All_cat_r[i].tags}</p><p class="thumb-text">1.3K Views</p></div></a></li>`;

    side.insertAdjacentHTML("beforeend", Html);

  }

}



renderCategoriesRadio();

Zum Test ein Alert eingebaut beim Klicken wird auch die richtige angezeigt aber der Inhalt der sich öffnet bleibt leer.
Wo habe ich denn Fehler? Man könnte es auch ohne If(idx >= '") abfragen dann bekomme ich die ganze Liste angezeigt und nicht nach Kategorie. Die ID wird also nicht an die Url übergeben.

 

[Andreas-B]

Doubleposting
Async function übergabe einer variable klappt nicht
Wird in Foren nicht gerne gesehen...

 

[valerius]

Wieso Doppelpost? Ist doch im anderen Forum gepostet nicht in dem selben..

 

[Yaslaw]

Sagen wirs so, dort hast du schon Antworten bekommen, dann müssen wir uns den Aufwand nicht machen.

Ps. die gleiche Frage in versch. Foren stellen, ist bei den meisten Foren nicht gerne gesehen.

 

[valerius]

OK wusste ich nicht schon lange in keinen Foren gewesen.

 

[Technipion]

Ich persönlich finde es sogar gar nicht schlimm wenn jemand in mehreren Foren postet. Man möchte ja seine Chancen erhöhen, dass jemand zeitnah hilft.
Aber: Dann muss man natürlich auch direkt mit offenen Karten spielen und die Foren untereinander verlinken und den aktuellen Stand immer schön synchron halten. Gerade eben auch damit sich die Foristen nicht unnötig Arbeit machen.

Doubleposting

Ich persönlich liebe ja diesen einen Ausschnitt aus dem anderen Forum:

Das Keyword await löst eigentlich das Promise auf, dass dahinter steht.
Steckt denn in ids ein Promise?

Hallo Andreas,

Von await ids erwarte ich nicht viel probiere nur Rum.

Ob das wohl ein Freudscher Vertipper war?

Gruß Technipion