<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
  })
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.