root
/
public
mirror of https://github.com/01-edu/public.git
14
27
Fork 0
Code 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.
1635 Commits
91 Branches
11 Tags
349 MiB
 
 
 
 
 
 
Tree: 2d58f069a4
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '2d58f069a4'
${ noResults }
public/subjects/pick-and-click/README.md

1.5 KiB
Raw Blame History

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

  • 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