public/subjects/harder-bigger-bolder-stronger

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 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 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.

• feel free to use the CSS file harder-bigger-bolder-stronger.data.css as it is or you can also modify it.

Notions

• createElement
• append
• style
• textContent