JSFiddle - React, Tailwind, and code Playground

by gryzzly

HTML

<div id=main></div>
<div id=logger></div>

CSS

#main {
    height:400px;
    border:2px solid #000;
}
#logger {
    font-family:monospace;
    padding:.25em;
}

JavaScript

var logger = document.getElementById('logger');

function log (message) {
    logger.innerHTML = logger.innerHTML + message;
}
function logObject (obj) {
    for (var key in obj) {
        log(key);
        log(':');
        log(obj[key]);
        log("<br>");
    }
    log("===========");
}

document.getElementById("main").addEventListener('gestureend', function (e) {
    logObject(e);
    e.touches.forEach(function(touch){
        log("TOUCH");
        logObject (touch);
        log("ENDTOUCH");
    });
}, false);