javascript input color onchange
<!DOCTYPE html>
<html>
<body>
<h1>Show a Color Picker</h1>
<label for="favcolor">Select your favorite color:</label>
<input type="color" id="carColorPicker" name="favcolor" value="#ff0000"><br><br>
<div id='d'></div>
<script>
//find counter carColorPicker
const carColorPicker = document.getElementById('carColorPicker');
//add on color change event
carColorPicker.addEventListener("change", onColorChanged, false);
function onColorChanged(event) {
const d = document.getElementById('d');
d.innerHTML += carColorPicker.value +"<br>";
}
</script>
</body>
</html>