Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Concept explainers
Question
Chapter 14, Problem 2HOE
a)
Program Plan Intro
- 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 solutionStudents have asked these similar questions
HTML PROJECT
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.
Chapter 14 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
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
- Using React create a header component that displays a logo and company name. It should be able to welcome a user to the site or ask them to sign in, depending on boolean input. Create a landing page component that tells the user about the company. Create a product component that displays information about the products that the company sells. Edit your existing App.js file so that it displays the header component, the landing page component and at least three product components. Use an array of values and props to do this. Pass props to the header component to specify whether the user is logged in or not.arrow_forwardAura 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_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_forwardCreate a web page using html Display the design specified here: (Enter the integer entered by the user in the Grade field)arrow_forwardYou are going to add some javascript to your webpage to greet the user. All the below instructions can be found with further explanations in the Javascript lectures. Don not only give me the html code, i need javascript If you do not already have them, add two <h1> title tags so they display at the top of your webpage The first tag should have the contents: “Welcome” The second tag should have an id='username' and contents: “Placeholder” All Javascript must go in a file with the extension “.js”, such as “main.js” or “script.js”. Create a file to hold your javascript if one is not already there. Add a script tag at the end of your body tag that includes your javascript file. In your script tag, use the javascript prompt command to save input from the user into a variable Ask the user their name in the prompt command You can name the variable whatever you like Change the second <h1 id=’username’> contents to the name entered by the user it should be stored in the…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