# (Solved Homework): Create a web page that allows a user to enter as many numbers as desired. The application will separate the input into even and odd numbers.

Create a web page that allows a user to enter as many numbers as desired. The application will separate the input into even and odd numbers.

1. HTML Dynamic Content – Output (2 marks) The application will display the sum and average of the even numbers.

2. HTML Dynamic Content – Output (2 marks) The application will display the sum and average of the odd numbers.

3. HTML Static Content – Instructions (1 marks) Be sure to explain to the user what your web application is supposed to do. Include details on how to use the application.

4. CSS (1 mark) Apply CSS to improve the user experience. Ensure that the output is nicely formatted.

5. JavaScript – Data Validation (1 mark) Do not accept an input of ’0’.

6. JavaScript – Data Validation (1 mark) Do not accept non-numerical user input.

7. Programming Style and Standards (1 mark) It is a good idea to practice conforming to a set of programming standards. Refer to the posted summary of the Programming Standards used by the CP/CPA programs

Note: paste the below code in the notepad and save it as “app.html”. Open the html file with any browser. Here I opened with chrome.

Editable Code:

<!DOCTYPE html>
<html>
<title></title>
<meta charset=”utf-8″ />
<script>
function Calculate()
{
var numbers = document.getElementById(“input_Text”).value;
var Sum_EvenNum= 0;
var Sum_OddNum= 0;
var Count_EvenNum= 0;
var Count_OddNum= 0;
var Array_Of_Numbers= numbers.split(‘,’);
for (i = 0; i < Array_Of_Numbers.length; i++)
{
if (Array_Of_Numbers[i] != ”)
{
if (parseInt(Array_Of_Numbers[i]) % 2 == 0)
{
Sum_EvenNum= Sum_EvenNum+ parseInt(Array_Of_Numbers[i]);
Count_EvenNum++;
}
else
{
Sum_OddNum= Sum_OddNum+ parseInt(Array_Of_Numbers[i]);
Count_OddNum++;
}
}
}
document.getElementById(“EvenNum”).innerHTML = Sum_EvenNum;
document.getElementById(“AvgEven”).innerHTML = Sum_EvenNum/

Count_EvenNum;
document.getElementById(“OddNum”).innerText = Sum_OddNum;
document.getElementById(“AvgOdd”).innerHTML = Sum_OddNum/

Count_OddNum;
}
function validate() {
if ((event.keyCode >= 48 && event.keyCode <= 57) || event.keyCode == 44) {
return true;
}
else {
return false;
}
}
</script>
<body>
<p>
<b>
<H4>Instruction: The currently running application takes the input numbers. It finds

the Total sum of Even numbers and its average, Total sum of Odd numbers and its

average.<H4><br />
Kindly enter the number into the input box. Separate the values using comma.<br>

Example: 1,2,3,4,5,5,6,7,8,9,11,12,13
</b>
<br />
<br />
<br />
<b>
Note : This application does not allow users to enter 0. Also the user can enter only

the numeric values.
</b>
</p>
<br />
<br />
</div>
<input id=”input_Text” type=”text” onkeypress=”return validate();”

placeholder=”Enter the numbers” />
<br />
<br><button onclick=”Calculate()”>Calculate</button>
<p>The sum of even numbers: <span id=”EvenNum”></span> </p>
<p>The average of even numbers : <span id=”AvgEven”></span></p>
<p>The sum of odd numbers : <span id=”OddNum”></span> </p>
<p>The average of odd numbers : <span id=”AvgOdd”></span></p>
</div>
</body>
</html>

Order NOW for a 10% Discount
Pages (550 words)
Approximate price: -

Why Us?

Top Quality and Well-Researched Papers

All ourbpapers are written from scratch. In fact, Clients who ask for paraphrasing services are highly discouraged. We have writers ready to craft any paper from scratch and deliver quality ahead of time.

Our writers keeps you posted on your papers progress - providing you with paper outline/draft. You are also at liberty to communicate directly with your writer.

Free Unlimited Revisions

If you think we missed something, send your order for a free revision. You have 10 days to submit the order for review after you have received the final document. You can do this yourself after logging into your personal account or by contacting our support.

Prompt Delivery and 100% Money-Back-Guarantee

All papers are always delivered on time, in many cases quite ahead of time. In case we need more time to master your paper, we may contact you regarding the deadline extension. In case you cannot provide us with more time, a 100% refund is guaranteed.

Original & Confidential

We use several writing tools checks to ensure that all documents you receive are free from plagiarism. Our editors carefully review all quotations in the text. We also promise maximum confidentiality in all of our services.

Our support agents are available 24 hours a day 7 days a week and committed to providing you with the best customer experience. Get in touch whenever you need any assistance.

Try it now!

## Calculate the price of your order

Total price:
\$0.00

How it works?

Fill in the order form and provide all details of your assignment.

Proceed with the payment

Choose the payment system that suits you most.

Our Services

No need to work on your paper at night. Sleep tight, we will cover your back. We offer all kinds of writing services.

## Essay Writing Service

No matter what kind of academic paper you need and how urgent you need it, you are welcome to choose your academic level and the type of your paper at an affordable price. We take care of all your paper needs and give a 24/7 customer care support system.