JSFiddle - React, Tailwind, and code Playground

by igalst

HTML

<div id="log">

</div>
<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111<br><br><br><br><br><br><br><br>
1111

CSS

#log {
  position: fixed;
  background: rgba(0,0,0,0.2);
  width: 50%;
  top: 0;
  left: 0;
  bottom: 0;
}

JavaScript

const logelem = document.getElementById('log');
var i = 0;

function log(x) {
  const l = document.createElement('div');
  l.innerText = `${i++} ${x}`;
	logelem.prepend(l);
}

document.addEventListener("touchmove", () => log('>>>>touch'), false);
document.addEventListener("scroll", () => log('!!!!!scroll'), false);