23_example.js

const container = document.querySelector('.container');
const btn = document.querySelector('.btn');

function addElement(e) {
 // create element h1
 const heading_1 = document.createElement('h1');
 // add class with the name heading
 heading_1.classList.add('heading');
 // create Text content
 heading_1.textContent = 'The pirates of SHP';
 // show to browser pages
 container.appendChild(heading_1);
}

// here if heading release and click get text hello there
container.addEventListener('click', function (e) {
 if (e.target.classList.contains('heading')) {
 console.log('hello there ');
 }
});
btn.addEventListener('click', addElement);