JSFiddle - React, Tailwind, and code Playground

by Saksham Malhotra

HTML

<a class="dash-menu mega-menu-link " role="button" href="#"><span class="mega-indicator"> navButtn</span></a>

CSS

.addBGoverlay {
  background-color: gray;
}

.bG {
  background-color: white;
}

JavaScript

var X = document.getElementsByClassName('dash-menu');
  alert(X.length);
  var xLength = X.length;
  var bg = document.getElementsByTagName('body');

  function startAction() {
    alert('This a popUp');
    bg.classList.add("addBGoverlay");
  }

  for (var i = 0; i < xLength; i++) {
    X[i].addEventListener('click', startAction, false);
  }