first time posting right here. I am taking my first programming class and am scuffling with one of many initiatives. I’m speculated to create a program that takes in a string of grades(IE “45 78 98 83 86 99 90 59”) turns it into an array of particular person grades( [“45″,”78″,”98”, “83”,”86″,”99″,”90″,”59″]) after which counts occurrences of A’s, B’s, C’s, D’s,F’s. I obtained that half down with this code.
operate parseScores(scoresString) {
return scoresString.break up(" ");
}
operate buildDistributionArray(scoresArray) {
var a = 0;
var b = 0;
var c = 0;
var d = 0;
var f = 0;
if (scoresArray.size < 1 || scoresArray == undefined){
return [a,b,c,d,f]
}
else{
for(i=0; i<(scoresArray.size); i++){
if (scoresArray[i]>=90){
a++
}
else if(scoresArray[i]>=80){
b++
}
else if(scoresArray[i]>=70){
c++
}
else if(scoresArray[i]>=60){
d++
}
else{
f++
}
}
return [a,b,c,d,f]
Then create a bar graph utilizing that prevalence array by ending off this code:
operate setTableContent(userInput) {
var tbl = doc.getElementById("distributionTable");
if (!userInput) {
tbl.innerHTML = "<tr><td>No graph to show</td></tr>";
return;
}
// First construct the distribution array from the enter
var distribution = buildDistributionArray(parseScores(userInput));
// Specification will state that until the enter is empty, the
// following necessities have to be met:
// - The desk will need to have three rows
// - The highest row should comprise the bars
// - Every TD with a bar has the CSS vertical-align property set to "backside"
// - The center row should comprise the grade labels
// - The underside row should comprise the frequencies
// - Every bar features 10 pixels in top per prevalence
// - (From HW): "Write your code in such a approach that the person might enter any quantity
// of scores. In different phrases, make your graph develop bigger when the person enters
// extra scores."
// Initialize markup string for desk's innerHTML
var markup = "";
// Enter your code right here
// ----------document----------
// Set the desk's innerHTML
tbl.innerHTML = markup;
}
operate bodyLoaded() {
// The argument handed to writeTableContent may be modified for
// testing functions
setTableContent("45 78 98 83 86 99 90 59");
}
Right here is the HTML that runs it:
<!DOCTYPE html>
<html>
<head>
<type>
.bar0 { vertical-align: backside; background-color: #00C000; }
.bar1 { vertical‐align: backside; background-color: #309000; }
.bar2 { vertical‐align: backside; background-color: #606000; }
.bar3 { vertical‐align: backside; background-color: #903000; }
.bar4 { vertical‐align: backside; background-color: #C00000; }
td { vertical-align: backside }
</type>
<script src="index.js"></script>
</head>
<physique onload="bodyLoaded()">
<desk type="border: 2px stable black" id="distributionTable">
</desk>
</physique>
</html>
I am at a loss right here. I’ve no clue tips on how to create the bar graph. The immediate asks us to create the graph utilizing html’s desk operate. It is speculated to appear to be this:
HTML desk primarily based graph
I believe I’m speculated to fill within the markup variable however I am unsure tips on how to us the css class kinds from the html code to creak the bar graph. I might respect any perception somebody might give.
Best Quality Private Proxies by Proxyti:
fully anonymous
100% anonymous and safe reliable private proxies
1,000 mb/s speed
Blazing fast proxy servers with up to 1,000 mb/s speed
Elite quality
Best quality proxies from world and USA locations
Unlimited bandwidth
No limits of using your proxies - truly unlimited bandwidth
Buy Now - Get 2X More Proxies:
100 Private Proxies
$30/month
200 Private Proxies
$50/month
500 Private Proxies
$100/month
1,000 Private Proxies
$180/month
2,000 Private Proxies
$340/month
5,000 Private Proxies
$750/month
Our Unbeatable Proxy Features:
Anonymous Proxies
100% security with our proxies – anonymous and secure proxy experience
Ultra Fast Speed
Proxyti offers up to 1,000 mb/s ultra fast proxy speed – feel the real power!
Unlimited Bandwidth
No data limits for your proxies – truly unlimited proxy bandwidth for you!
Proxy Authentication
We secure proxies with IP authentication – use your proxies with your own IP
Elite Quality
Highest proxy quality guarantee with supported HTTP/HTTPS and SOCKS connections
Great Prices
Proxyti offers great proxies for great prices – this is what we call new proxy era!
USA Locations
You can choose USA or random proxies locations when ordering for free
No Limitations
We don’t have any limits – you can use your proxies with every software or program!
Lots Of Subnets
The more proxies you buy, the more subnets you get – it is worth ordering more!
Semi Dedicated
Our proxies are shared with maximum of 5 users at a time, but they are still anonymous
Fast Delivery
We deliver your ordered proxies in your email in .txt file – this is simple as that
Awesome Support
Have any questions or want more information – please contact us anytime!
