<style>td{Font-size:50px; Color:yellow; Cursor:pointer; } </style> <script type= "Text/javascript" >window.onload=function () { //get all TD varTDS = document.getElementById (' tabrate '). getElementsByTagName (' TD ')); //register a onmouseover and onmouseout event for each TD for(vari = 0; i < tds.length; i++) { //Mouse Hover EventTds[i].onmouseover =function () { //set from No. 0 start to current mouse move to TD position for solid Pentagram for(varc = 0; c < tds.length; C++) {tds[c].innerhtml= ' ★ '; if(Tds[c] = = This) { Break; } } }; //Mouse Leave eventTds[i].onmouseout =function () { for(varc = 0; c < tds.length; C++) {tds[c].innerhtml= ' ☆ '; if(Tds[c] = = This) { Break }; } }; //Register Click events for each TDTds[i].onclick =function () { for(varc = 0; c < tds.length; C++) {Tds[c].removeattribute (' Isclicked '); } This. SetAttribute (' isclicked ', ' isclicked '); }; } } </script>Working with JS style (score)