JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat mi, aliquet et ornare sed, aliquam sit amet nisl. Cras mi odio, imperdiet nec aliquet nec, egestas eget ligula. Vivamus blandit, eros et consectetur consectetur, sapien metus gravida ligula, sed pharetra urna sapien vitae libero. Mauris at velit lobortis urna vehicula commodo. Duis cursus metus sit amet nunc sagittis varius. Phasellus sit amet enim justo, vitae viverra tellus. Quisque augue purus, scelerisque eu laoreet sit amet, rutrum in nulla. Proin consequat urna eu ligula euismod scelerisque.</p>

CSS

body {
    min-height: 100%;
    padding: 0;
    margin: 0;
}

JavaScript

var body = document.getElementsByTagName('body')[0];

if ("ontouchstart" in window) {
    body.style.backgroundColor = 'red';
    body.ontouchstart = function(){
        this.style.backgroundColor = 'yellow';
    };
    body.ontouchend = function(){
        this.style.backgroundColor = 'green';
    };
}
else {
    body.style.backgroundColor = 'green';
    body.onmousedown = function(){
        this.style.backgroundColor = 'yellow';
    };
    body.onmouseup = function(){
        this.style.backgroundColor = 'red';
    };
}