要素のクラスをフラグで切り替える toggle処理
document.addEventListener('DOMContentLoaded', () => {
const Title = document.getElementById('Title');
let flg = false;
document.addEventListener('click', () => {
if (!flg) {
Title.classList.add('textRed');
} else {
Title.classList.remove('textRed');
}
// true と false をクリック毎に切り替える
flg = !flg;
})
})<style>
.textRed {
color: red;
}
</style>
<h1 id="Title">いろはにほへと</h1>