3.1 Tasks 6-1

From Day 8

  • 6-1-1. Make a bar chart, in which the height of each bar corresponds to its data value.

    • dataset = [5,10,15,20,25];

    • Attributes of the CSS, div.bar: inline-block, set the width to be 20px, the height 75px, and background color to be teal;

  • 6-1-2. Make the bar five times taller, and add some space (2px) between bars;

  • 6-1-3. Change the dataset to be made up of 25 random numbers that range from 0 to 30 (using for loop, Math.random(), and .push() );

  • 6-1-4. Make all the random numbers whole numbers (using Math.round())