<div>
  <ul>
    <li>tes</li>
    <li>tests</li>
    <li>test</li>
    <li>ste</li>
    <li>stetes</li>
  </ul>
</div>
<div class="alert">
  <input type="text" value="20">
  <div class="active">CLICK</div>
  <div>ME</div>
</div>
body {
  font-size: 22px;
}

.alert {
  background-color: seagreen;
  max-width: 200px;
  padding: 15px;
}
$('.alert').click(function(e){
  if ($(e.target).hasClass('active')) {
    alert('THIS IS ACTIVE CHILD DIV');
  } else if ($(e.target).val() == '20') {
    alert('VALUE IS 20');
  }
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js