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.
 
 
 
 
 
 
Marie Malarme 14be0da60a harder-bigger-bolder-stronger: changed files naming 4 years ago
..
README.md harder-bigger-bolder-stronger: changed files naming 4 years ago
harder-bigger-bolder-stronger.html harder-bigger-bolder-stronger: changed files naming 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, 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

Files

You only need to create & submit the JS file harder-bigger-bolder-stronger.js ; we're providing you the following file to download (click right and save link) & 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 also allow to run yours
    • some CSS pre-styled classes: feel free to use those as they are, or modify them

Notions