JSFiddle - React, Tailwind, and code Playground

by neama

HTML

<input type="text" value="3" id='interval'>
<table>
  <tr>
    <td id='cell11' class='bascell'>
    11
    </td>
    <td id='cell12' class='bascell'>
    12
    </td>
    <td id='cell13' class='bascell'>
    13
    </td>
  </tr>
  <tr>
     <td id='cell21' class='bascell'>
    21
    </td>
    <td id='cell22' class='bascell'>
    22
    </td>
    <td id='cell23' class='bascell'>
    23
    </td>
  </tr>
    <tr>
     <td id='cell31' class='bascell'>
    31
    </td>
    <td id='cell32' class='bascell'>
    32
    </td>
    <td id='cell33' class='bascell'>
    33
    </td>
  </tr>
</table>

CSS

.bascell{
  width: 70px;
  height:70px;
  border: 1px solid black;
  text-align:center;
  ]
}

JavaScript

var timeDelay = $('#interval').val() * 100;
//setInterval(checkStatus(), timeDelay);
setInterval(() => alert('tick'), 2000);
function checkStatus(){
	console.log('111');
	var actualCount = $('#interval').data('curentTime');
  console.log(actualCount);
  if (actualCount == undefined){
  		actualCount = parseInt(0);
  }else{
  	actualCount = parseInt(actualCount) + 1;
  }
  
  if(actualCount > 4){
  	actualCount = 0;
  }
  
  $('#interval').data('curentTime', actualCount );
    $('#cell22').html(actualCount);
  

}