JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<div id="one">
      <div id="two">
        <button id="btn-01" class="btn">btn 1</button>
      </div>
    </div>

JavaScript

var body = document.getElementsByTagName('body')[0],
          one = document.getElementById('one'),
          two = document.getElementById('two'),
          btn = document.getElementById('btn-01'); 
      
      two.addEventListener('click', function(evt) {
         console.log('two was clicked');
      });
      
      one.addEventListener('click', function(evt) {
        console.log('one  was clicked');
      })
      
      body.addEventListener('click', function(evt) {
        console.log('body was clicked');
      });

      btn.addEventListener('click', function(evt) {
        console.log('Btn clicked');
      });