forked from root/public
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.
![]() |
2 years ago | |
---|---|---|
.. | ||
README.md | 2 years ago | |
harder-bigger-bolder-stronger.html | 4 years ago |
README.md
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
elements, each containing a letter randomly picked through the uppercase alphabet, and whose style properties have to be increased:
- each letter's
font-size
has to grow from11
to130
pixels. font-weight
has to be300
for the first third of the letters,400
for the second third, and600
for the last third.
Files
You only need to create & submit the JS file harder-bigger-bolder-stronger.js
. We're providing you the following file to download and test locally:
-
the HTML file harder-bigger-bolder-stronger.html to open in the browser, which includes:
- the JS script running some code, and which will enable you to run yours.
- some CSS pre-styled classes: feel free to use those as they are, or modify them.