Write a javascript program that asks the user for Po’s magic numbers. The magic
ID: 3818203 • Letter: W
Question
Write a javascript program that asks the user for Po’s magic numbers.
The magic numbers must be stored in an array. (-10 points if not in array)
The program needs to calculate the sum of all numbers, the largest and the smallest number, and the mean (average) of the numbers (from the array). (8 points)
The program needs to count the number of magic numbers that are bigger than the mean number (from the array). (3 points)
The program needs to count the number of magic numbers that are smaller than the mean number (from the array).
webpage should follow examples below
Initial page
OUTPUT
Richard Ricardo's Kung Fu Panda Po Magic Array Enter Po's magic numbers, it will be stored in Richard's Array. Enter Po's NumbersExplanation / Answer
<html>
<head>
<style>
#head {
background-color: lightblue;
}
#body {
background-color: #d9d9d9;
}
h1 {
color: darkgreen;
}
#result {
display: none;
}
</style>
</head>
<body>
<div id="head" width="100%"><h1>Richard Ricardo's Kung Fu Panda Po Magic Array</h1></div>
<hr>
<div id="body">
Enter Po's Magic Numbers, it will be stored in Richard's Array.<br><br>
<input type="button" value="Enter Po's Numbers">
<br><br>
<div id="result">
Your Data: <label id="data"></label>
<br>
The sum of all numbers is: <label id="sum"></label>
<br>
The largest number is: <label id="largest"></label>
<br>
The smallest number is: <label id="smallest"></label>
<br>
The mean(average) data is: <label id="mean"></label>
<br>
<label id="bigger"></label> number(s) are bigger than the mean number.
<br>
<label id="smaller"></label> number(s) are smaller than the mean number.
</div>
</div>
<script>
function input()
{
var size = prompt("How many data values do you have? ");
var sum = 0;
var numbers= [];
var bigger = 0;
var smaller = 0;
for(var i=0; i<size; i++)
{
var value = prompt("Enter data value Number "+(i+1));
numbers.push(parseInt(value));
}
var max=numbers[0];
var min=numbers[0];
document.getElementById("data").innerHTML=numbers;
for(var i=0; i<size; i++)
{
sum=sum+numbers[i];
if(numbers[i]>max)
{
max=numbers[i];
}
if(numbers[i]<min)
{
min=numbers[i];
}
}
var mean = (sum/size).toFixed(2);
for(var i=0; i<size; i++)
{
if(numbers[i]<mean)
{
smaller++;
}
if(numbers[i]>mean)
{
bigger++;
}
}
document.getElementById("sum").innerHTML=sum;
document.getElementById("largest").innerHTML=max;
document.getElementById("smallest").innerHTML=min;
document.getElementById("mean").innerHTML=mean;
document.getElementById("bigger").innerHTML=bigger;
document.getElementById("smaller").innerHTML=smaller;
document.getElementById("result").style.display="block";
}
</script>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.