dscamahorn · August 11, 2015 16:58
diff --git a/touch-or-no-touch.html b/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>