## 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](https://en.wikipedia.org/wiki/Monoyer_chart) 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](./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](./harder-bigger-bolder-stronger.data.css) as it is or you can also modify it. ### Notions - [createElement](https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement) - [append](https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/append) - [style](https://developer.mozilla.org/en-US/docs/Web/API/ElementCSSInlineStyle/style) - [textContent](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent)