Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801148
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Concept explainers
Question
Chapter 14, Problem 2HOE
a)
Program Plan Intro
Program Plan:
- Include the basic tags for the html web page.
- Include the script tag using “<script>” and access the jQuery using the link “https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js”.
- Inside the script define the “ready()” function to manipulate selector statement.
- To select all anchor tags in the main element use “$(‘main a’)” and mention the method for the query.
- Close the script tag using “</script>”.
- Open the body tag using “<body>”.
- Include the necessary anchor tags and button tag inside the main tag “<main>”.
- Close the body tag using “</body>”.
- Include the script tag using “<script>” and access the jQuery using the link “https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js”.
- Close the file using “</html>” tag.
b)
Program Plan Intro
Program Plan:
- Include the basic tags for the html web page.
- Include the script tag using “<script>” and access the jQuery using the link “https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js”.
- Inside the script define the “ready()” function to manipulate selector statement.
- To select first division tag in HTML document, use the selector “$(‘div:first’)” statement.
- Close the script tag using “</script>”.
- Open the body tag using “<body>”.
- Include the necessary division tags and button tag.
- Close the body tag using “</body>”.
- Include the script tag using “<script>” and access the jQuery using the link “https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js”.
- Close the file using “</html>” tag.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
While examining a web form and the JavaScript source code for it, you notice that a function that changes the text displayed in one part of the page is being executed every time you type or delete a letter or number in a text entry field labeled “Message,” instead of when you press the Tab key to move to the next form field. You correctly guess that _____.
a. the function is being triggered when the form element labeled “Message” loses the focus
b. the function must be triggered by a change event because input events do not apply to text entry boxes
c. anonchangeevent handler has been applied to the form element labeled “Message”
d. an event listener for theinputevent is attached to the form element labeled “Message”
Computer Science
Write a webpage that creates a game of dice using only HTML and JavaScript.
The code should make use of the HTML <canvas> element.
The webpage should inform the user of the rules of the game.
Design HTML Form in javascriptApply the data validation :1. Mobile number field data must be a numeric data and not less than 8 digits,2. The email field must accept the data which must contain the character '@' and dot (.). Andthe character @ must not be the first character and the last dot must at least be onecharacter after the @.On submitting the form, If all these validations are followed, another Html page.
Chapter 14 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
Ch. 14.4 - Prob. 1CPCh. 14.4 - Prob. 2CPCh. 14.4 - Prob. 3CPCh. 14.6 - Prob. 1CPCh. 14.6 - Prob. 2CPCh. 14.6 - Prob. 3CPCh. 14.8 - Describe a method that can be used to gather a...Ch. 14.8 - Prob. 2CPCh. 14.8 - Prob. 3CPCh. 14.9 - Prob. 1CP
Ch. 14.9 - Prob. 2CPCh. 14.9 - Prob. 3CPCh. 14.18 - Prob. 1CPCh. 14.18 - Prob. 2CPCh. 14.18 - Prob. 3CPCh. 14 - Prob. 1MCCh. 14 - Prob. 2MCCh. 14 - Prob. 3MCCh. 14 - Prob. 4MCCh. 14 - Prob. 5MCCh. 14 - Prob. 6MCCh. 14 - Prob. 7MCCh. 14 - Prob. 8MCCh. 14 - Prob. 9MCCh. 14 - Prob. 10MCCh. 14 - Prob. 11MCCh. 14 - Prob. 12FIBCh. 14 - Prob. 13FIBCh. 14 - The ________ object is assumed to exist and it is...Ch. 14 - Prob. 15FIBCh. 14 - A form control button can be used with a(n)...Ch. 14 - Prob. 17FIBCh. 14 - Prob. 18FIBCh. 14 - Prob. 19SACh. 14 - Prob. 20SACh. 14 - Prob. 1AYKCh. 14 - Prob. 2AYKCh. 14 - Prob. 3AYKCh. 14 - Prob. 1HOECh. 14 - Prob. 2HOECh. 14 - Prob. 3HOECh. 14 - Prob. 4HOECh. 14 - Prob. 5HOECh. 14 - Prob. 6HOECh. 14 - Prob. 7HOECh. 14 - Prob. 8HOECh. 14 - Prob. 1WRCh. 14 - Prob. 2WRCh. 14 - Prob. 3WR
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Similar questions
- Aura Assignment: You have to use the aura iteration to display the User Interface. (Hint: you can use the meter tag in html.) do not provide already posted answer Expandarrow_forwardLinks 2 Hyperlinks (links), are text or images you can click on a webpage that jump you to another page. Anytime you use a website, you are using links to get from one page to the next. You can add a link by using the anchor ( a ) tag. In order to make your link work, you need to add an attribute to your a tag. An attribute is extra information added to the inside of the opening tag to make it work properly. They follow this general pattern: For links, you need to add where the link goes using the href (hypertext reference) attribute. All together your link should look something like this: My Other Page Let's try linking to the secondFile.html to see links in action! Task = Add a link to secondFile.html around the "Click me" text in your paragraph, then try clicking on your link!arrow_forwardHTML: Write a jQuery code to format a phone number as the following example below when you enter them to an online input field. You need also to add a paragraph about the purpose of this code. (xxx) xxx-xxxxarrow_forward
- Give Authentic Answer: Design the following HTML form TablePrinting.html Ask User to enter the No in the Text Field. When User Click the Print Table button, then table of the Input No must be displayed using PHP Script file named PrintTable.php as shown here Table of 5 Printed By 19-ARID-1149 RUWISH ZAHOORarrow_forwardPlease create an html web page where the discount calculator will be created and the functionality will be implemented. Also, link it with the PHP.arrow_forwardImagine that an xhtml document contains the following hyperlink tag I am Seven. When the link text (Seven) is clicked, the servlet with the URL pattern /process is called. Rewrite the code to instead use a form that submits to the same servlet to produce the exact same response using hidden form elements for any form parameters. The form should contain a submit button with the button text Seven. The form method should be get (case sensitive answer).arrow_forward
- Dream Car Web Page Form: You need to create a web site in HTML format. You will create a webpage containing a form that provides users the ability to enter information. Your webpage should contain the following:INPUT tag: type, name, id, placeholder, and value. The web page will have input fields for the following information: First Name Last Name Date Address Favorite Car (text area) Your webpage should be designed in a logical manner and be well organized. Please be sure to submit your .html file as a text document for grading. Also, submit a Word document containing a screenshot that shows the set-up of your webpage.arrow_forwardPart 4: Build a html form with the following elements. The form must be within a table structure. Name: a text box where the content contains no special character (i.e. !, @, #, $, %, &, *). Number is allowed. The text box must not be empty. • Module code: a text box where the content must start with 3 lower case alphabets and follows by 4 digits. This textbox can be empty. • Current date: a non-editable textbox and should be in the format as shown (e.g. 12 October 2020 Monday 3:35 PM). The content is the current date or today's date which will change every day. • Message: a text area with 3 rows and 20 columns. The default text is "Hello 202204". The text area cannot be empty. • Find: a text box for the user to key in text he/she wants to find. Replace: a text box for the user to key in the replacement text. If the find text is empty, this element should be disable (i.e. user cannot key in anything here). • Find and Replace: This is a button, when click, it will go to the "Message"…arrow_forwardA form is created with HTML tags, not JavaScript code, in the <body> section of the HTML file with the <form> tag. True Falsearrow_forward
- JavaScript D3 <script src='https://d3js.org/d3.v7.min.js'></script><script>//Create SVG elementvar svg = d3.select("body").append("svg").attr("width", 400).attr("height", 400).style("border", '1px solid green');//Create and append rectangle elementsvg.append("rect").attr("x", 0).attr("y", 0).attr("width", 200).attr("height", 100).attr("fill", 'pink');//Append circlesvg.append("circle").attr("cx", 250).attr("cy", 50).attr("r", 50);svg.append("ellipse").attr("cx", 250).attr("cy", 50).attr("rx", 150).attr("ry", 50);//Create and append text element into groupsvg.append("text").attr("x", 150).attr("y", 50).attr("stroke", "#fff").text("This is some text!");</script> Build an SVG scene that is created from an external file. You need to create a CSV with information about the shapes. You should include columns in your CSV file for the type of shape (circle, rectangle, ellipse, line), its dimensions and position, and colour. Your program reads the data and creates and…arrow_forwardlanguage: HTML Create a responsive webpage for food items. there are three requirements 1: when the user hovers over the item name ('item 1') the details of the item should be displayed. the text should return back to the original (aka from the food description to the food name ) after the mouse pointer moves away 2. When the user clicks 'add to cart' for an item, the 'cart total' is updated, and the button to add the item to the cart is disabled so that it cannot be added twice. 3. the user can input an amount into the 'confirm purchase' section and click the button. If the amount is less than the 'cart total', the following alert should be shown: "payment amount is less than cart total" otherwise: "payment complete"arrow_forwardCreate a web page using html Display the design specified here: (Enter the integer entered by the user in the Grade field)arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning