emma-the-artist

color clashe

const hexNumbers = [0,1,2,3,4,5,6,7,8,9,'a','b','c','d','e','f'];
const hexBtn = document.querySelector('.hexBtn');
const color1 = document.querySelector('#color_one');
const color2 = document.querySelector('#color_two');
const color3 = document.querySelector('#color_three');
const color4 = document.querySelector('#color_four');
const color5 = document.querySelector('#color_five');
const color6 = document.querySelector('#color_six');
const hex1 = document.querySelector('.hex1');
const hex2 = document.querySelector('.hex2');
const hex3 = document.querySelector('.hex3');
const hex4 = document.querySelector('.hex4');
const hex5 = document.querySelector('.hex5');
const hex6 = document.querySelector('.hex6');

hexBtn.addEventListener('click', getHex);

color1.style.backgroundColor = hexCol1;
  hex1.innerHTML = hexCol1;
  color2.style.backgroundColor = hexCol2;
  hex2.innerHTML = hexCol2;
  color3.style.backgroundColor = hexCol3;
  hex3.innerHTML = hexCol3;
  color4.style.backgroundColor = hexCol4;
  hex4.innerHTML = hexCol4;
  color5.style.backgroundColor = hexCol5;
  hex5.innerHTML = hexCol5;
  color6.style.backgroundColor = hexCol6;
  hex6.innerHTML = hexCol6;
}