CodePen

HTML

            
              
            
          
!

CSS

            
              
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              function handleBeadClick(event)
{
    var target = event.target;
    var row;
    var col;
    if(target.dataset) {
	    row = target.dataset.x;
	    col = target.dataset.y;
    } else {
	    row = target.getAttribute('data-x');
	    col = target.getAttribute('data-y');
    }
    ......
}
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................