init

Hong-Phuc Bui

2024-10-16 f8613c9ce2bd4b74b11727d2eae204f49151bcba

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function adaptColor() {
    let hue = this.value;
    let color = `hsl(${hue}, 100%, 45%)`;
    let colorElement = document.getElementById("color");
    colorElement.style.backgroundColor = color;
    let colorCode = document.getElementById("colorCode");
    colorCode.innerText = color;
 
}
 
 
document.addEventListener('DOMContentLoaded', () => {
    let colorRegister = document.getElementById("hue");
    adaptColor.apply(colorRegister);
    document.getElementById("hue").addEventListener("input", adaptColor);
});