Await / Async wartet nicht auf Versprechen

stimmen
0

Ich habe eine Funktion, die eine Schaltfläche mit dem Namen einer Frucht aus einem Array erzeugt. Ich brauche verwenden async / await diese Funktion von einem anderen zu laufen. Hier ist mein aktueller Code:

    var createButton = function(fruit) {

    var page = document.getElementById(divPage);
    var table = document.createElement(table);
    page.appendChild(table);
    var r = t.insertRow(-1);
    var c = r.insertCell(-1);
    var button = document.createElement(input);
    button.type = button;
    button.value = fruit;
    button.addEventListener(click , function(){return true;});
    c.appendChild(button);


}


var run = async function() {

    var listOfFruits = [apple , orange, banana];
    for (var i = 0; i < listOfFruits.length; i++) {

         await createButton(listOfFruits[i]);

    }



}

Wenn ich diesen Code lief, erhalte ich eine Seite mit einem Knopf mit dem Wert von „Banane“. Die „for“ Schleife lief die Funktion 3 mal ohne durch Klicken auf die Schaltfläche erstellt für die Rückkehr zu warten. Wie mache ich die „für“ Schleife Warten auf den Benutzer auf die Schaltfläche klicken , bevor auf das nächste Element des Arrays gehen?

Vielen Dank für Ihre Zeit.

Veröffentlicht am 13/02/2020 um 23:51
quelle vom benutzer
In anderen Sprachen...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more