Javascript alert with timeout

Javascript blocking alert example

by Purushothaman Anbazhagan

HTML

<table id="employee-data">
  <thead>
    <tr>
      <td>Name</td>
      <td>Dept</td>
      <td>Exp</td>
    </tr>
  </thead>
  <tbody class="body">
    <tr>
      <td>Jim</td>
      <td>graphics</td>
      <td class="validate">1</td>
    </tr>
    <tr>
      <td>Kim</td>
      <td>video</td>
      <td class="validate">10</td>
    </tr>
    <tr>
      <td>Tim</td>
      <td>sound</td>
      <td class="validate">2</td>
    </tr>
  </tbody>
</table>

CSS

table,
td {
  border: 1px solid #eaeaef;
}

thead td {
  font-weight: bold;
}

td.highlight {
  background: yellow;
}

JavaScript

var el = document.getElementById("employee-data");

var dataCells = el.querySelectorAll("td.validate");

dataCells.forEach(function(i) {
  // validation logic
  if (i.innerText && Number(i.innerText) <= 3) {
    i.classList.add('highlight');
  }

});


setTimeout(function() {
  alert("done");
}, 300);