Color Picker

Logs color value in the console

by Julien Etienne

HTML

<h1>Background Generator</h1>
<input type="color" class="color1" name="color">
<input type="color" class="color2" name="color">
<h2>Current CSS Background</h2>
<h3></h3>

JavaScript

const css = document.querySelector('h3');
const color1 = document.querySelector('.color1');
const color2 = document.querySelector('.color2');
const body = document.querySelector('.gradient');


console.log(css)
console.log(color1)
console.log(color2)


color1.addEventListener('input', (e) => {
  const target = e.target
  console.log('COLOR1', target.value);
});


color2.addEventListener('input', function (e) {
  const target = e.target
  console.log('COLOR2',target.value);
});