Reference no: EM13324955

You are to write two versions of this assignment. One using HTML and VBScript and one using HTML and Javascript. In both, you are to create an HTML webpage that:

1. performs simple edits on user inputs;
2. displays original and new element values; and
3. displays some of the element properties 

The purpose of the exercise is to examine how each of the intrinsic HTML objects interacts with VBScript/Javascript.

The specific tasks are:

1. The user should be able to interact with 6 different types of fields on the HTML page.
   1. six radio buttons (use different values for each radio; the first radio button is checked at load time)
   2. four checkboxes (none of the checkboxes are checked at load time, all have different values)
   3. a select box with five options (the first option ("Select an option from the list below") is selected at load time)
   4. one text box (initial value is a single blank; maximum of 30 characters; all visible)
   5. one textarea (intial value is "Enter your story here"; five rows and 40 columns)
   6. one button (label should read "EDIT and REPORT")
2. When the user finishes entering data and making selections, the button labelled "EDIT and REPORT" is to be pressed. The VBScript component of the page will then edit the data according to the editing rules below:
   1. Six radio buttons
      The user must select an option OTHER THAN the first one.
   2. Four checkboxes
      At least one checkbox must be checked.
   3. Select box
      The user must select an option OTHER THAN the first one.
   4. Text Box Edits
      The field should be edited to remove any occurrences of the three characters: &; <; >; or *. Identify the number of characters the user entered into the field and the number of characters remaining after the edit.
   5. Text Area
      All blank spaces should be replaced with the + character. Remove all carriage returns (ASCII character 13) and line feeds (ASCII character 10). Identify the number of characters entered into the textarea before and after the edit.

Report any editing omissions to the user (e.g., if the user fails to check a checkbox, isssue a message that says: "You must check at least one checkbox").

1. Once the user has successfully entered data and made choices, write an output report with the information on the editing results and other descriptive data (i.e., create the page "on-the-fly"). Specifically report for:
   1. Radio Buttons
      • the name of the radio button
      • the value of each radio button
      • the radio button checked at load time
      • the radio button checked by the user
      • the value of the radio button checked by the user
   2. Checkboxes
      • the name of each checkbox
      • the names and values of all the checkboxes chosen by the user
   3. Select Box
      • name of the Select Box
      • list all the options and their associated values
      • the index of the initial selection and its value
      • the index of the final user's selection and its value
   4. Textbox
      • Name of the textbox
      • Original contents and length
      • User's entry before editing and its length
      • User's entry after editing and its length
   5. Textarea
      • Name of the textarea
      • Original contents and length
      • User's entry before editing and its length
      • User's entry after editing and its length

Page design, text labels for options, values and names are entirely up to you.