<button data-item="One">One</button>
<button data-item="Two">Two</button>
<h1>Default text</h1>
const title = document.querySelector('h1')
document.querySelectorAll('button').forEach(item => {
item.addEventListener('click', function(e) {
title.textContent = this.dataset.item
})
})
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.