カスタムデータ属性（data-*属性）の使用方法
HTML
・data-以下はスネークケースで記述する
javascript
・data-以下はキャメルケースで記述する
<html>
<button id="button" data-new-title="変更されました">ボタン</button>
</html><script>
const button = document.getElementById('button');
button.addEventListener('click', changeTitle);
function changeTitle() {
button.textContent = button.dataset.newTitle;
}
</script>