document.addEventListener("DOMContentLoaded", () => {
    const buttons = document.querySelectorAll("button");
    for (const button of buttons) {
        button.addEventListener("click", () => {
            document.querySelector("h1").style = `color: ${button.innerText.toLowerCase()}`;
        })
    }
});