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.
1695 Commits
90 Branches
11 Tags
349 MiB
 
 
 
 
 
 
Tree: 55269ce15f
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '55269ce15f'
${ noResults }
public/subjects/harder-bigger-bolder-stronger/README.md

1.3 KiB
Raw Blame History

Harder, bigger, bolder, stronger

Instructions

Being stuck at home, bored, desperate and coming up with a lot of weird ideas, a friend asks you to develop a tool to measure his ocular skills: one of those Monoyer charts that ophthalmologists use.

Generate a board where each new letter is harder, bigger, bolder and stronger!

Write the function generateLetters which creates 120 div, each containing a letter randomly picked through the uppercase alphabet, and whose style properties have to be increased:

  • each letter font-size has to grow from 11 to 130 pixels
  • font-weight has to be 300 for the first third of the letters, 400 for the second third, and 600 for the last third

Provided files

You have at your disposal the following file that you can download to test locally:

  • the HTML file index.html to open in the browser, which includes:

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

Notions