JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tapper"></div>
<div id="output"></div>

CSS

html,body,#tapper,#output{
  height: 100%;
  width: 100%;
  margin: 0;
}
#tapper,#output{
  height: 50%;
  overflow: auto;
}
#tapper{
  box-sizing: border-box;
  border-bottom: 1px black solid;
}

JavaScript

let $tapper = $('#tapper');
let $output = $('#output');
$tapper.on('touchstart mousedown',function(e){
   $output.prepend('<div>'+e.type+'</div>');
});