In event delegation , a single event can be used in multiple elements or group of elements. This is achieved by binding the event to the container or parent element and the event is propagated to top from the point where it is clicked.
Final output and demo:
Event delegation demo
