// funcao-01.arrow.js
const cor_default = "#444";
const cor_um = "orange";
const cor_dois = "moccasin";
const btnDefault = document.querySelectorAll(".cor")[0];
const btnUm = document.querySelectorAll(".cor")[1];
const btnDois = document.querySelectorAll(".cor")[2];
// Funções
const corDefault = () => (document.body.style.backgroundColor = cor_default);
const corUm = () => (document.body.style.backgroundColor = cor_um);
const corDois = () => (document.body.style.backgroundColor = cor_dois);
// ----------------
btnUm.insertAdjacentHTML("afterbegin", `${cor_um}`);
btnDois.insertAdjacentHTML("afterbegin", `${cor_dois}`);
// ----------------
btnDefault.addEventListener("click", corDefault);
btnUm.addEventListener("click", corUm);
btnDois.addEventListener("click", corDois)

<button type="button" class="cor">default</button>
<button type="button" class="cor"></button>
<button type="button" class="cor"></button>
<script src="js/funcao-01-arrow.js"></script

Função mudaCor() — Arrow Function

default