| | |
| | | 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); |
| | | }); |