JSFiddle - React, Tailwind, and code Playground

by eget teteete

HTML

Первый
<div id="first">
  Второй
  <div id="second">
    Третий
    <div id="third">
    </div>
  </div>
</div>

CSS

div {
  border: 3px solid gray;
  padding: 50px;
  background-color: white;
}

JavaScript

var isTunnel = false;
var e1 = document.getElementById("first");
var e2 = document.getElementById("second");
var e3 = document.getElementById("third");

e1.addEventListener("click",
  function() {
    this.style.backgroundColor = "green";
    alert("Обработчик DIV 1");
  });

e2.addEventListener("click",
  function() {
    this.style.backgroundColor = "yellow";
    alert("Обработчик DIV 2");
  });

e3.addEventListener("click",
  function() {
    this.style.backgroundColor = "red";
    alert("Обработчик DIV 3");
  });