JSFiddle - React, Tailwind, and code Playground

by Richard Hunter

HTML

<div id="foo" class="foo">hello world</div>
<div id="bar" class="bar"></div>

CSS

.foo {
  background: red;
  padding: 50px;
  pointer-events: none;


}

.bar {
  background: lightblue;
  padding: 50px;
  position: relative;
  top: -20px;
  opacity: 0.5;
}

JavaScript

foo.addEventListener('click', () => {
	console.log('hello');
});