Octavia/odin-etch-a-sketch
Watch
1
0
Fork
You've already forked odin-etch-a-sketch
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add logic for filtering out rgb button

Browse source
This commit is contained in:
lolabird 2023-11-10 07:49:31 -07:00
commit 50a87783b6
1 changed files with 12 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

13
script.js
View file

@ -7,6 +7,7 @@ const buttons = document.querySelectorAll("button");
let colorValue = "black";
let numGrid = gridSlider.value;
let sliderLabel = document.querySelector("#sliderLabel");
let isRgb;
buttons.forEach((button) => {
button.addEventListener ("click", changeColor);
@ -46,12 +47,22 @@ function getGridDimensions() {
}
function colorGrid() {
this.style.background = colorValue;
if (isRgb) {
this.style.background = rgbColor();
} else {
this.style.background = colorValue;
}
}
function changeColor() {
const buttonID = this.id;
if (buttonID === "rgbColor") {
isRgb = true;
} else {
isRgb = false;
}
switch (buttonID) {
case "rgbColor":
colorValue = rgbColor();