Here\'s what I\'m trying to do: I\'m trying to prompt the user to enter a number
ID: 3546487 • Letter: H
Question
Here's what I'm trying to do: I'm trying to prompt the user to enter a number. If the number is even or odd, it's stored in a variable that will be called later, as evens or odds, respectively. When the user enters -999, the counting is over. Then, the screen will print out that the user entered "X" amount of evens, and their average. (Same with the odds, under the even listing). The screen will thusly print out something at the bottom of the page to this effect:
you entered "X" even numbers
the sum of these is "N"
the average of these is "avg"
you entered "X" odd numbers
the sum of these is "N"
the average of these is "avg"
I know a counter must be used, but I'm not sure how.
Here's what I have so far.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--Ernestiel Tee - CSCI 3300 - Assignment 6 - q1-->
<link rel="stylesheet" href="style.css">
<title>Ernest Tee's Kung Fu Panda Po Odd and Even Log</title>
<script type="text/javascript">
function loopOne();
{var num=prompt("Enter an integer (or enter -999 to QUIT)");
document.getElementById("number").innerHTML=num;
var avg;
var counterEven;
var counterOdd;
while num !=-999
{if num % 2 ==0
{document.write("Number" + num + " is even."+</br>);}
else
{document.write("Number" + num + " is odd." +</br>);}
}
if num===-999
{document.write("...");}
</script>
</head>
<body>
<header>
<h1>Ernest Tee's Kung Fu Panda<br>Po Odd and Even Log</h1>
</header>
<br>
<h3>Click on the button to enter Po's meditation numbers.</h3>
<h4>Ernest will keep track of odd and even meditation numbers.</h4>
<form name="form1">
<p><input type="Button" value="Ernest's Po meditation numbers" /></p>
</form>
<p>Po's Meditation Numbers: <span id="number"> </span></p>
</body>
</html>
Explanation / Answer
TRY THIS ::::
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--Ernestiel Tee - CSCI 3300 - Assignment 6 - q1-->
<script type="text/javascript">
var counterEven=0;
var counterOdd=0;
var sumeven=0;
var sumodd=0;
var listeven = "";
var listodd = "";
var num ;
var Eavg ;
var Oavg ;
function loopOne()
{
num = Number( prompt("Enter an integer (or enter -999 to QUIT)")) ;
if(num == -999)
{
document.getElementById("number1").innerHTML= "No of EVEN Numbers : " + counterEven ;
document.getElementById("number2").innerHTML= "Sum of EVEN Numbers : " + sumeven ;
document.getElementById("number3").innerHTML ="Avg of EVEN Numbers : " + Eavg ;
document.getElementById("number4").innerHTML ="No of ODD Numbers : " + counterOdd;
document.getElementById("number5").innerHTML ="Sum of ODD Numbers : " + sumodd;
document.getElementById("number6").innerHTML ="Avg of ODD Numbers : " + Oavg ;
document.getElementById("number7").innerHTML ="List of even Numbers : " + listeven ;
document.getElementById("number8").innerHTML ="List of ODD Numbers : " + listodd ;
}
else if (num % 2 == 0)
{
sumeven = sumeven + num ;
listeven = listeven + num + ",";
counterEven = counterEven + 1 ;
Eavg = sumeven / counterEven ;
}
else
{
sumodd=sumodd + num ;
listodd = listodd + num + ",";
counterOdd = counterOdd +1;
Oavg = sumodd/counterOdd ;
}
}
</script>
</head>
<body>
<input type="Button" value="Ernest's Po meditation numbers" />
<div align="center">
<h1>
<p id="number1">No of even no's </p>
<p id="number2">Sum of even no's</p>
<p id="number3">Avg of even no's</p>
<p id="number4">No of Odd no's</p>
<p id="number5">Sum of Odd no's</p>
<p id="number6">Avg of Odd no's</p>
<p id="number7">list of even's</p>
<p id="number8">listof Odd odd's</p>
</h1>
</div>
</body>
</html>
NOTE:-----> U can have the placement as per ur requirement just play the right <p> in req'd order .