Promise

click event

by YuHan Chien

HTML

<html>
    <body>
      <table id='rrr'>
      <tr><td>One</td><td>Two</td></tr>
      <tr><td>Three</td><td>Four</td></tr>
      </table>
    </body>
</html>

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

JavaScript

let promiseCleanR

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);
})
//#rrr