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

 

 

Get 20% Discount on This Paper
Pages (550 words)
Approximate price: -

Try it now!

Get 20% Discount on This Paper

We'll send you the first draft for approval by at
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

Custom Writings Help is a Quality-Oriented Company in Online Writing as a result of hiring exceptional professionals to execute clients' tasks.

Essays

Research Papers

At Custom Writings Help,We understand the struggle of research paper writing, and that is why at Custom WritingS Help, we are all out to help you. We pride ourselves on having a team of clinical writers. The stringent and rigorous vetting process ensures that only the 'BEST' Writers are chosen for the job. We have highly qualified Ph.D. and MA writers working with us; we equally offer these experienced writers specific bonuses and incentives to make them deliver highly original, unique, and informative content at reasonably low prices.

Admissions

Thesis Writing Service

Worlwide, Many Masters Students are struggling with Thesis Completion. A thesis is likely to be the longest and most challenging piece of work a student has ever completed. However, unlike essays and other assignments, a student can pick a particular interest topic and work on their initiative. Fortunately, we are there for you. At Custom Writings Help, you are assured of an authentic, imaginative, informative, linguistically great, and advantageous thesis that adheres to all your needs. So, why continue considering different writers when you have discovered the best in the field?

Editing

Custom Papers

Not a single student can avoid writing custom papers. However, a total lack of experience, skills, and time makes it very hard to produce a superb writing piece. Therefore, if you are seeking professional help, turn to us. Our specialized and experienced writers compose a variety of model papers, including custom essays, college term papers, research papers, book reports, MBA essays, executive summaries, dissertations, Ph.D. theses, admission essays, and research proposals for college and university students at any level.

Coursework

Essay Writing

Most of the students disregard the critical principles of essay writing and compose papers below sensible guidelines. Therefore, with Custom Writings Help, one should not worry about his/her essay. Our Writers compose informative and engaging content on all complexities and topics. We write meaningful and smart essays while prioritizing all aspects that bring about a good grade, such as impeccable grammar, proper structure, zero-plagiarism, and conformance to guidelines.

Coursework

Coourse Work Writing

Don't let the seemingly never-ending onslaught of writing assignments get you down. If you are looking where to get course work assistance online, the writers at Custom Writings Help are here to assist you with all of your writing needs. We undertake to unique delivery of papers that meet the professor's requirements. The content is proofread, edited, and checked plagiarism before submission to customers. No matter how big or small your work is, we will deliver on time. Try US Now! !

Coursework

Dissertation Writing Service

High-Quality Dissertation Writing Services are rare. They require Ph.D. academicians – not easily found. However, are an exception. The years, time, and resources we have invested in the dissertation world has given us a competitive advantage over others. Choose to come to Custom Writings Help; You will find perfect Ph.D. consultants who have written hundreds of dissertations theses ready to help you. Let our dissertation-writing services help you craft your dissertation, for you are assured we will give you the results.