JSFiddle - React, Tailwind, and code Playground

by asemahle

HTML

<table>
  <tr></tr>
</table>

CSS

td {
  width: 50px;
  height: 50px;
  text-align: center;
}

td {
  transition: background-color 0.5s ease;
  background-color: red;
}
td:hover {
  background-color: green;
}

JavaScript

$(document).ready(function() {
	var d = "87,72,65,84,39,83,32,84,72,69,32,80,76,65,78,32,66,79,89,83,63,63,63".split(",");
  for (var i = 0; i < d.length; i++) {
    $('tr').append('<td class="dark">' + String.fromCharCode(parseInt(d[i])) + '</td>');
  }

  var m = ""
  var e = "";
  for (var i = 0; i < m.length; i++) {
  	e += m.charCodeAt(i).toString() + ","
  }
  e += "END";
  console.log(e);
  
});