(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

Expert Answer

 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>
<head>
<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>
</head>
<body>
<div style=”padding-left:100px”>
<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>
<div style=”padding-left:200px”>
<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>

iWriteHomework
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.

Professional and Experienced Academic Writers

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.

24/7 Customer Support

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?

Follow these simple steps to get your paper done

Place your order

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

Proceed with the payment

Choose the payment system that suits you most.

Receive the final file

Once your paper is ready, we will email it to you.

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.

Essays

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.

Admissions

Admission Essays & Business Writing Help

An admission essay is an essay or other written statement by a candidate, often a potential student enrolling in a college, university, or graduate school. You can be rest assurred that through our service we will write the best admission essay for you.

Reviews

Editing Support

Our academic writers and editors make the necessary changes to your paper so that it is polished. We also format your document by correctly quoting the sources and creating reference lists in the formats APA, Harvard, MLA, Chicago / Turabian.

Reviews

Revision Support

If you think your paper could be improved, you can request a review. In this case, your paper will be checked by the writer or assigned to an editor. You can use this option as many times as you see fit. This is free because we want you to be completely satisfied with the service offered.

× Contact Live Agents