Hong-Phuc Bui
2025-01-16 2889de7f0c2d587a17fbd322af57c29e84238620
css-demo/hsl.js
@@ -1,16 +1,16 @@
function adaptColor() {
    let hue = this.value;
    let color = `hsl(${hue}, 100%, 45%)`;
    let colorElement = document.getElementById("color");
    const hue = this.value;
    const color = `hsl(${hue}, 100%, 45%)`;
    const colorElement = document.getElementById("color");
    colorElement.style.backgroundColor = color;
    let colorCode = document.getElementById("colorCode");
    const colorCode = document.getElementById("colorCode");
    colorCode.innerText = color;
}
document.addEventListener('DOMContentLoaded', () => {
    let colorRegister = document.getElementById("hue");
    const colorRegister = document.getElementById("hue");
    adaptColor.apply(colorRegister);
    document.getElementById("hue").addEventListener("input", adaptColor);
});