dscamahorn/touch-or-no-touch.html

## touch-or-no-touch.html
<html class="no-touch">
  <head>
    <style>
      .no-touch h1 {
        color:red;
      }
      .touch h1 {
        color:green;
      }
    </style>
  </head>
<body>
  <h1>Hello world</h1>
  <script>
    //Detect touch capabilities and add class accordingly
    var hasTouch = 'ontouchstart' in window;
    var el = document.getElementsByTagName('html');
    if (hasTouch === true) {
      el.classList.add('touch');
      el.classList.remove('no-touch');
    }
  </script>
</body>
</html>
	<html class="no-touch">
	<head>
	<style>
	.no-touch h1 {
	color:red;
	}
	.touch h1 {
	color:green;
	}
	</style>
	</head>
	<body>
	<h1>Hello world</h1>
	<script>
	//Detect touch capabilities and add class accordingly
	var hasTouch = 'ontouchstart' in window;
	var el = document.getElementsByTagName('html');
	if (hasTouch === true) {
	el.classList.add('touch');
	el.classList.remove('no-touch');
	}
	</script>
	</body>
	</html>