GitHub - mKoder/js-slider-grid-puzzle: Puzzle to draw a grid x by y given a slider input value, and colour the grid in to create a gradient

mKoder / js-slider-grid-puzzle Public

Notifications You must be signed in to change notification settings
Fork 0
Star 0

Puzzle to draw a grid x by y given a slider input value, and colour the grid in to create a gradient

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 1 Commit
README		README
index.html		index.html
index.js		index.js
jquery-2.2.2.min.js		jquery-2.2.2.min.js

Repository files navigation

You have a html page container a slider.

Your challenge is:

1) When the slider is moved, draw a grid the size of the slider value. If the slider is set the 3 the grid should be 3x3
2) The grid should be coloured in as a gradient from top left red to bottom right white. So the top left cell should
be rgb(255,0,0) and the bottom right rbg(255,255,255) with all the cells in between given a solid colour.

The grid container can any size you like.
You have been provided with the basic html file and empty js file, with jquery included / available globally