Complete the painting analogy

solution
Ryan Sobol 9 years ago committed by Brent Gardner
parent 08b5fe7384
commit ff1a006ded
  1. 2
      app.css
  2. 10
      app.js

@ -44,7 +44,7 @@ main {
width: 35.5px; width: 35.5px;
} }
.current { .brushColor {
border: 1px solid #999999; border: 1px solid #999999;
border-radius: 3px; border-radius: 3px;
height: 35.5px; height: 35.5px;

@ -70,13 +70,13 @@ var drawPalette = function() {
} }
var heading = document.createElement('h2'); var heading = document.createElement('h2');
heading.textContent = 'CURRENT COLOR >'; heading.textContent = 'BRUSH COLOR >';
var current = document.createElement('div'); var brushColor = document.createElement('div');
current.className = 'current'; brushColor.className = 'brushColor';
palette.appendChild(heading); palette.appendChild(heading);
palette.appendChild(current); palette.appendChild(brushColor);
palette.addEventListener('click', function(event) { palette.addEventListener('click', function(event) {
if (event.target.className !== 'color') { if (event.target.className !== 'color') {
@ -84,7 +84,7 @@ var drawPalette = function() {
} }
brush = event.target.style.background; brush = event.target.style.background;
current.style.background = brush; brushColor.style.background = brush;
}); });
} }

Loading…
Cancel
Save