JSFiddle - React, Tailwind, and code Playground

by YuHan Chien

HTML

<button type='button' id="BTN">click me!</button>

JavaScript

let promiseToCleanTheRoom = new Promise(function(resolve, reject) {
  let clik = document.getElementById('BTN');
  clik.addEventListener('click',function(){
  	let isClean = Math.random();
    console.log(isClean);
    if (isClean > 0.5) {
    	resolve(' clean');
  	} else {
    	reject('not Clean');
  	}
  });
});
//callback 包 promise
promiseToCleanTheRoom.then(function(fromResolve) {
  console.log('the room is ' + fromResolve);
}).catch(function(fromReject){
  console.log('the room is ' + fromReject);
})