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

Clean up code

Browse source
This commit is contained in:
lolabird 2023-11-10 18:39:02 -07:00
commit ab7b2c83de
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
script.js
View file

@ -10,6 +10,7 @@ let colorValue;
let numGrid; //= gridSlider.value; let numGrid; //= gridSlider.value;
let sliderLabel = document.querySelector("#sliderLabel"); let sliderLabel = document.querySelector("#sliderLabel");
//the next few variables are set to be used to test if //the next few variables are set to be used to test if
//a given button has been clicked //a given button has been clicked
let isRgb; let isRgb;
@ -39,11 +40,11 @@ function pickBackground() {
function createGrid() { function createGrid() {
numGrid = gridSlider.value numGrid = gridSlider.value;
const gridArea = numGrid ** 2; const gridArea = numGrid ** 2;
const gridWidth = 100 / numGrid; const gridWidth = 100 / numGrid;
sliderLabel.textContent = numGrid sliderLabel.textContent = numGrid;
grid.classList.add("grid"); grid.classList.add("grid");
grid.style.width = gridWidth + '%'; grid.style.width = gridWidth + '%';
@ -65,11 +66,12 @@ function createGrid() {
function getGridDimensions() { function getGridDimensions() {
gridSlider.defaultValue = 16;
container.style.backgroundColor = "#ffffff"; container.style.backgroundColor = "#ffffff";
backColorPicker.value = "#ffffff"; backColorPicker.value = "#ffffff";
colorPicker.value = "#000000"; colorPicker.value = "#000000";
colorValue = "black"; colorValue = "black";
gridSlider.defaultValue = 16;
numGrid = gridSlider.defaultValue;
while (container.firstChild) { while (container.firstChild) {
container.removeChild(container.lastChild); container.removeChild(container.lastChild);