<audio src="https://assets.stoumann.dk/audio/woohoo.mp3" hidden id="woohoo"></audio>
<fieldset id="app">
  <legend>Play “Blur” <code>onblur</code> – tab through the inputs</legend>
  <label>♪ Woohoo<input type="text" /></label>
  <label>♫ Woohoo<input type="text" /></label>
  <label>♫ Woohoo<input type="text" /></label>
</fieldset>
body {
  font-family: ui-sans-serif, system-ui, sans-serif;
}
fieldset {
  max-inline-size: 20rem;
}
fieldset, input {
  border: 1px solid #AAA;
  border-radius: .25em;
  margin-block: 1ch;
  padding: 1ch;
}
input {
  box-sizing: border-box;
  display: block;
  width: 100%;
}
[...app.elements].forEach(input => input.addEventListener('blur', function(e){
  woohoo.play();
}))

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.