<h1>ARIA Live Region Example</h1>
<p aria-live="polite" aria-atomic="true">
The Quiz leader is Gary Byrne with a score of <span id="score">70</span> points.
</p>
<button>Update Scores</button>
const updateButton = document.querySelector('button');
updateButton.addEventListener('click', updateScores);
function updateScores() {
const score = document.querySelector('span');
score.innerText = parseInt(score.innerText) + 10;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.