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.
4771 Commits
41 Branches
11 Tags
349 MiB
 
 
 
 
 
 
Tree: 2180a3132f
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '2180a3132f'
${ noResults }
public/subjects/harder-bigger-bolder-stronger
lee 629c2369ea
fix(public/subjects): change css sentence all dom subjects 		2 years ago
..
README.md fix(public/subjects): change css sentence all dom subjects 2 years ago
harder-bigger-bolder-stronger.css refactor(public): format DOM exercises for better user experience 2 years ago
harder-bigger-bolder-stronger.html refactor(public): format DOM exercises for better user experience 2 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 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:

Notions