Web Development: Input and Output using JavaScript

Objectives

Create websites that take in input via prompt and put that information back on the screen in various ways.

Instructions

Part 0: The Setup.

Create a folder on your hard disk named lastname_firstname_assignmentNo (where No is the assignment number). Save all the files from this assignment in this folder.

There are multiple parts to this assignment. You should put each piece into a single HTML document and separate the parts with a horizontal rule and a heading tag using the h1 element.

Each question in this assignment requires you to write a website that behaves as an application. The style for each page will be the same, but the HTML and JavaScript will be different. The focus of this assignment isnt CSS, but CSS is still required. Bland websites wont work. Also important: students should have different CSS files.

Each page should have the following components:

A header section in which you announce the name of your application.

Multiple sections that contain your applications.

A footer in which you present your name and the copyright year.

These specifications are detailed enough for you to complete each question. However, youll need to use your best judgment on how to code many of the details. To do that, write the code in the way you think is best, based on the skills presented in the materials.

Question 5.

Everything in this question should go in the q5 folder. The file should be named index.html.

This application will ask the user for a number and check to see if the value is 1 to 10. The program should report if the value is less than, inside, or greater than the range.

Make the title of this section: (Your Name)s Range Check App.

Put an empty div element on the screen named result. Your application should write the results to this element.

Create an empty div element to receive output.

Create an interface with an input field that allows for any numerical value. Also include a submit button. As always, label everything.

After the user enters a value, respond with one of the following statements:

-The value is lower than the minimum value of the range.

-The value is in the range of the minimum and the maximum.

-The value is greater than the maximum value of the range.