Home » This is a javascript assignment – 6 questions.

This is a javascript assignment – 6 questions.

This is a Javascript assignment – 6 questions.

 

5.2

 

rewrite the below document to assign the event handler to the event property of the button element. This requires the chosen color to be obtained from the value property of the button element rather than through the parameter.

this is the HTML document 

 

<!DOCTYPE html>

<!– 5.1.hmtl

     A document for color_click.js

     –>

<html lang = “en”>

  <head>

    <title> 5.1.html </title>

    <meta charset = “utf-8” />

    <script type = “text/javascript”  src = “https://www.sweetstudy.com/content/color_click.js” >

    </script>

  </head>

  <body>

    <h4> Favorite Color </h4>

    <form id = “myForm”  action = “”>

      <p>

        <label> <input type = “radio”  name = “colorButton”  

                       value = “10”   

                       onclick = “colorChoice(10)” />

       Color red </label>

        <br />

        <label> <input type = “radio”  name = “colorButton”  

                       value = “20”

                       onclick = “colorChoice(20)” />

        Color blue </label>

        <br />

        <label> <input type = “radio”  name = “colorButton”  

                       value = “30”

                       onclick = “colorChoice(30)” />      

      Color green </label>

        <br />

        <label> <input type = “radio”  name = “colorButton”  

                       value = “40”

                       onclick = “colorChoice(40)” />

       Color yellow </label>

        <br />

        <label> <input type = “radio”  name = “colorButton”  

                       value = “50”

                       onclick = “colorChoice(50)” />

        Color orange </label>

        </p>

    </form>

  </body>

</html>

 

(this is the JS external file)

// color_click.js

//   An example of the use of the click event with radio buttons,

//   registering the event handler by assignment to the button

//   attributes

 

 

// The event handler for a radio button collection

 

function colorChoice (color) {

 

// Produce an alert message about the chosen airplane

 

  switch (color) {

    case 10: 

      alert(“Favorite color red”);

      break;

    case 20: 

      alert(“Favorite color blue”);

      break; 

    case 30:

      alert(“Favorite color green”);

      break; 

  case 40:

      alert(“Favorite color yellow”);

  case 50:

      alert(“Favorite color Orange”); 

      break; 

    default:

      alert(“Error in JavaScript function colorChoice”);

      break;

  }

}

 

 

5.3 Develop and test an HTML Document that has checkboxes for apple (59 cents each), oranges (49 cents each), and Banana (39 cents each), along with a submit button. each of the checkboxes should have its own o’clock event handler. these handlers must add the cost of their fruit to a total cost. An Event handler for the submit button must produce an alert window with the message your total cost is $xx, where xxx is the total cost of the chosen fruit, including 5% sales tax. this handler8 must return false (to avoid actual submission of the form data).

 

5.4

develop and test an HTML document that is similar to exercise 5.3. in this case use test boxes rather than checkboxes. these text boxes take a number which is the purchase number of the particular fruit. the rest of the document should behave exactly like that of exercise 5.3

 

5.5

Add reality checks to the text boxes of the document in exercise 5.4. the checks on the text box inputs should ensure that the input values are numbers in the range from 0 to 99

 

5.6

Range checks for element inputs can be represented as new properties of the object that represents the element. Modify the document in excesses 5.5 to add a max property value of 99 and a min property value of 0. Your event handler must use the properties for the range checks on values input through the text boxes.

 

5.7

Develop and test an html document that collects the following information from the user: Last name, first name, middle initial, age (restricted to be greater than 17), and weight (restricted to the range from 80 to 300). You must have event handlers for the form elements that collect this information. This handlers must check the input data for correctness. message in an alert windows must be produced when errors are detected.

 

 

Calculate the price of your order

550 words
We'll send you the first draft for approval by September 11, 2018 at 10:52 AM
Total price:
$26
The price is based on these factors:
Academic level
Number of pages
Urgency
Basic features
  • Free title page and bibliography
  • Unlimited revisions
  • Plagiarism-free guarantee
  • Money-back guarantee
  • 24/7 support
On-demand options
  • Writer’s samples
  • Part-by-part delivery
  • Overnight delivery
  • Copies of used sources
  • Expert Proofreading
Paper format
  • 275 words per page
  • 12 pt Arial/Times New Roman
  • Double line spacing
  • Any citation style (APA, MLA, Chicago/Turabian, Harvard)

Our guarantees

Delivering a high-quality product at a reasonable price is not enough anymore.
That’s why we have developed 5 beneficial guarantees that will make your experience with our service enjoyable, easy, and safe.

Money-back guarantee

You have to be 100% sure of the quality of your product to give a money-back guarantee. This describes us perfectly. Make sure that this guarantee is totally transparent.

Read more

Zero-plagiarism guarantee

Each paper is composed from scratch, according to your instructions. It is then checked by our plagiarism-detection software. There is no gap where plagiarism could squeeze in.

Read more

Free-revision policy

Thanks to our free revisions, there is no way for you to be unsatisfied. We will work on your paper until you are completely happy with the result.

Read more

Privacy policy

Your email is safe, as we store it according to international data protection rules. Your bank details are secure, as we use only reliable payment systems.

Read more

Fair-cooperation guarantee

By sending us your money, you buy the service we provide. Check out our terms and conditions if you prefer business talks to be laid out in official language.

Read more