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.
Choose an academic level, add pages, and the paper type you want.
To reduce the cost of our essay writing services, select the lengthier deadline.
We can't believe we just said that to you.
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.
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 moreEach 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 moreThanks 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 moreYour 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 moreBy 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
Recent Comments