a.zhanguttin
/
public
forked from root/public
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1648 Commits
41 Branches
0 Tags
101 MiB
 
 
 
 
Tree: ee8604fc14
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'ee8604fc14'
${ noResults }
public/subjects/pick-and-click
Marie Malarme 571f6b9585
Updated the instructions for the HTML files which were confusing because the students don't need to use them. 		4 years ago
..
README.md Updated the instructions for the HTML files which were confusing because the students don't need to use them. 4 years ago
index.html Created the `pick and click` test and adjusted instructions + solution + css. 4 years ago

README.md

Pick & click

Instructions

Today, you're gonna create your own color picker.

Write the function pick which creates a hsl color picker varying the hue and luminosity of the according to the position of the mouse, which:

  • changes the background color of the body
  • displays those 3 values, using the text class:
    • the hue value in a div with the class hue
    • the luminosity value in a div with the class luminosity
    • the full hsl value
  • copies that value in the clipboard on click
  • displays two SVG lines, with respective ids axisX and axisY, following the cursor

Notions

Provided files

  • Check the HTML file index.html, which includes:

    • the JS script which will allow to run your code
    • some CSS pre-styled classes: feel free to use those as they are, or modify them

Expected result

You can see an example of the expected result: video