JSFiddle - React, Tailwind, and code Playground

by Diana Lemen

HTML

<div id="one">

</div>

CSS

#one{
  background-color: red;
width: 200px;
height: 200px;
}

JavaScript

let promise = new Promise((resolve, reject) => {

  setTimeout(() => {
    // переведёт промис в состояние fulfilled с результатом "result"
    resolve("result");
  }, 1000);

});
$("#one").append($("<li> 2</li>"))
function foo(){
 $("#one").append($("<li> 1</li>"))
}
// promise.then навешивает обработчики на успешный результат или ошибку
promise
  .then(
    result => {
    foo();
      // первая функция-обработчик - запустится при вызове resolve
      alert("Fulfilled: " + result); // result - аргумент resolve
    },
    error => {
      // вторая функция - запустится при вызове reject
      alert("Rejected: " + error); // error - аргумент reject
    }
  );