ytursyna
/
public
forked from root/public
1
0
Fork 0
Code Issues 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.
1622 Commits
59 Branches
1 Tag
132 MiB
 
 
 
 
 
Tree: 9ce19db39f
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '9ce19db39f'
${ noResults }
public/subjects/pick-and-click
Marie Malarme aa7f28182c
Updated the `readme` to indicate the files provided + the right path matching the new structure of files. 		4 years ago
..
README.md Updated the `readme` to indicate the files provided + the right path matching the new structure of files. 4 years ago
index.html adding dom content 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 according to the position of the mouse, which:

  • displays the hue value in text
  • displays the luminosity value in text
  • displays the full hsl value in text
  • copies that value in the clipboard on click
  • displays two lines, for X and Y axis, following the cursor

Notions

Provided files

  • Use 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