Monsters, mailboxes and other nonsense

editor.addEventListener('touchstart', handleTouch); editor.addEventListener('touchmove', handleTouch); function handleTouch(e) {

for (var i = 0; i < e.changedTouches.length; i++)

{

    let elem = document.elementFromPoint( 
        e.changedTouches[i].pageX, 
        e.changedTouches[i].pageY 
    ); 
     
    if (elem.tagName && elem.tagName == 'TD' &&

  editor.contains(elem))  

{

        drawPixel(elem);

}

e.preventDefault();

}

editor.addEventListener('touchstart', handleTouch); editor.addEventListener('touchmove', handleTouch); function handleTouch(e) {

for (var i = 0; i < e.changedTouches.length; i++)

{

    let elem = document.elementFromPoint( 
        e.changedTouches[i].pageX, 
        e.changedTouches[i].pageY 
    ); 
     
    if (elem.tagName && elem.tagName == 'TD' &&

  editor.contains(elem))  

{

        drawPixel(elem);

}

e.preventDefault();

}

let socket = new WebSocket( "ws://" + window.location.host + "/ws" ); function drawPixel(elem) {

if (elem.dataset.color != currentColor)

{

    elem.dataset.color = currentColor; 
    elem.style.backgroundColor = '#' + currentColor; 
    socket.send(JSON.stringify(

{

        command:    "draw",  
        x:          elem.dataset.x,  
        y:          elem.dataset.y,  
        color:      currentColor

} ));

}