Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

5.14 LAB: Grade distribution In this lab, you will write three JavaScript functions to generate a bar graph of letter grades from a distribution of

image text in transcribed

5.14 LAB: Grade distribution In this lab, you will write three JavaScript functions to generate a bar graph of letter grades from a distribution of scores. Implement parseScores (1 ( 1 point ) Implement the parsescores() function to take a space-separated string of scores as an argument and return an array of score strings. Each score is a number in the range [0,100]. Ex: parseScores("45 78988386999059 ") should return ["45", "78", "98", "83", "86", "99", "90", "59"]. Hint: The string method split() can create the array with one line of code. Implement buildDistributionArray () ( 2 points) Implement the buildDistributionArray() function to take an array of scores, built by parseScores(), as an argument. The function should return a grade distribution array of length 5 . The function should loop through the scores array and tally up the number of A,B,C,D, and F scores using the standard scoring system ( 90 and above =A,8089=B,7079=C,6069=D,59 and below =F ). The grade totals should be stored in a distribution array where the number of As is the first number, number of Bs is the second number, etc. Ex: buildDistributionArray (["45", "78", "98", "83", "86", "99", "90", "59"]) should return [3, 2, 1, 0, 2]. buildDistributionArray0 should return [0,0,0,0,0] when the scoresArray argument is an empty array. Implement setTableContent() (7 points) Implement the setTableContent() function to take a space-separated string of scores as an argument. setTableContent) should call parseScores() and buildDistributionArray() and produce a grade distribution graph by setting the table row's inner HTML. The table's first row (id="firstRow") should use a div> for each bar. Each bar gains 10 pixels in height per grade occurrence. Apply the classes from the embedded stylesheet so that each bar is a different color. The CSS vertical-align property is set for td> elements so that. the bars are aligned at the bottom of the containing cells. Below is a sample of what might be generated for the table's first row. The table's second row contains letter grade labels. The third row (id="thirdRow") should contain the number of occurrences of each grade. Ex: setTableContent("45 78988386999059 ") should produce the following table

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Fundamentals Of Database Systems

Authors: Ramez Elmasri, Shamkant B. Navathe

7th Edition Global Edition

1292097612, 978-1292097619

More Books

Students also viewed these Databases questions