Wait for Element to Exist (JavaScript)

waitForElement.js

// HTML 
<!-- Comment or Uncomment the div for return true / false -->
<div id="the-element"></div>

// JAVASCRIPT
// Wait for element for 4s
const waitForElement = async (elementId, timeWait = 4) => {
  return new Promise((resolve, reject) => {
    let tempTime = 0
    const checkExist = setInterval(function() {
     if ($(elementId).length) {
        console.log('Exists');
        clearInterval(checkExist);
        resolve(true)
     } else if (!$(elementId).length && tempTime > timeWait) {
       console.log(`Doesn't exist...`);
       clearInterval(checkExist);
       reject(false)
     } else {
       tempTime++
       console.log(`Waiting for ${elementId}`, tempTime)
     }
  }, 1000); // check every 1000ms
  })
}

waitForElement('#the-element')
  .then(res => console.log(`Exist`, res))
  .catch(error => console.log(`Exist`, error))