TAG
CSS
JavaScript
Result
Run
License
<h1 id="title" class="title" data-foo="~">Hello</h1> <button type="button" id="btn-change">Change flag<span></span></button>
.title::after { content: attr(data-foo); }
window.addEventListener("DOMContentLoaded", () => { const $elTitle = document.getElementById("title"); const $elBtnChange = document.getElementById("btn-change"); $elBtnChange.onclick = e => { let oldFlag = $elTitle.dataset.foo; $elTitle.dataset.foo = "!"; e. currentTarget.textContent = `"${oldFlag}" were replaced with "!"`; }; });
Console
expand_less
License
License
by DevDic
Close