function adaptColor() {
    const hue = this.value;
    const color = `hsl(${hue}, 100%, 45%)`;
    const colorElement = document.getElementById("color");
    colorElement.style.backgroundColor = color;
    const colorCode = document.getElementById("colorCode");
    colorCode.innerText = color;

}


document.addEventListener('DOMContentLoaded', () => {
    const colorRegister = document.getElementById("hue");
    adaptColor.apply(colorRegister);
    document.getElementById("hue").addEventListener("input", adaptColor);
});