New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN: 9781305503922
Author: Patrick M. Carey
Publisher: Cengage Learning
expand_more
expand_more
format_list_bulleted
Concept explainers
Question
Chapter 7, Problem 3CP1
Program Plan Intro
To link the cg_script.js file by using the script element tag in the cg_register.htmlfile.
Expert Solution & Answer
Trending nowThis is a popular solution!
Students have asked these similar questions
use HTML and Javascript
Give two different files of HTML and Javascript
Display a random quote when the page loads. Use a JSON file that contains 10 different famous quotes and their author that you would use to select the random quote.
Write a for-loop that will write to the HTML document the value of each element in the array called myArray.
Note: You only need to write a for-loop. Code on the outside of the for-loop is not necessary as we will assume that myArray has been declared and initialized with a series of array elements.
Event Listeners
Go to the co_credit.js file in your editor. Create an event listener for the window load event that retrieves the field values attached to the query string of the page’s URL. Add the following to the event listener’s anonymous function:
Create the orderData variable that stores the query string text from the URL. Slice the orderData text string to remove the first ? character, replace every occurrence of the + character with a blank space, and decode the URI-encoded characters.
Split the orderData variable at every occurrence of a & or = character and store the substrings in the orderFields array variable.
Write the following values from the orderFields array into the indicated fields of the order form:
orderFields[3] into the modelName field
orderFields[5] into the modelQty field
orderFields[7] into the orderCost field
orderFields[9] into the shippingType field
orderFields[13] into the shippingCost field
orderFields[15] into the subTotal field
orderFields[17]…
Chapter 7 Solutions
New Perspectives on HTML5, CSS3, and JavaScript
Ch. 7.1 - Prob. 1QCCh. 7 - Prob. 1RACh. 7 - Prob. 2RACh. 7 - Prob. 3RACh. 7 - Prob. 4RACh. 7 - Prob. 5RACh. 7 - Prob. 7RACh. 7 - Prob. 9RACh. 7 - Prob. 11RACh. 7 - Prob. 16RA
Ch. 7 - Prob. 17RACh. 7 - Prob. 20RACh. 7 - Prob. 1CP1Ch. 7 - Prob. 2CP1Ch. 7 - Prob. 3CP1Ch. 7 - Prob. 4CP1Ch. 7 - Prob. 5CP1Ch. 7 - Prob. 6CP1Ch. 7 - Prob. 7CP1Ch. 7 - Prob. 8CP1Ch. 7 - Prob. 9CP1Ch. 7 - Prob. 10CP1Ch. 7 - Prob. 11CP1Ch. 7 - Prob. 1CP2Ch. 7 - Prob. 2CP2Ch. 7 - Prob. 3CP2Ch. 7 - Prob. 4CP2Ch. 7 - Prob. 5CP2Ch. 7 - Prob. 6CP2Ch. 7 - Prob. 7CP2Ch. 7 - Prob. 8CP2Ch. 7 - Prob. 9CP2Ch. 7 - Prob. 10CP2Ch. 7 - Prob. 11CP2Ch. 7 - Prob. 12CP2Ch. 7 - Prob. 13CP2Ch. 7 - Prob. 14CP2Ch. 7 - Prob. 15CP2Ch. 7 - Prob. 16CP2Ch. 7 - Prob. 17CP2Ch. 7 - Prob. 18CP2Ch. 7 - Prob. 20CP2Ch. 7 - Prob. 21CP2Ch. 7 - Prob. 22CP2Ch. 7 - Prob. 23CP2Ch. 7 - Prob. 1CP3Ch. 7 - Prob. 2CP3Ch. 7 - Prob. 3CP3Ch. 7 - Prob. 4CP3Ch. 7 - Prob. 5CP3Ch. 7 - Prob. 6CP3Ch. 7 - Prob. 7CP3Ch. 7 - Prob. 8CP3Ch. 7 - Prob. 9CP3Ch. 7 - Prob. 10CP3Ch. 7 - Prob. 11CP3Ch. 7 - Prob. 12CP3Ch. 7 - Prob. 13CP3Ch. 7 - Prob. 14CP3Ch. 7 - Prob. 15CP3Ch. 7 - Prob. 16CP3Ch. 7 - Prob. 17CP3Ch. 7 - Prob. 19CP3Ch. 7 - Prob. 20CP3Ch. 7 - Prob. 21CP3Ch. 7 - Prob. 22CP3Ch. 7 - Prob. 23CP3Ch. 7 - Prob. 1CP4Ch. 7 - Prob. 2CP4Ch. 7 - Prob. 3CP4Ch. 7 - Prob. 4CP4Ch. 7 - Prob. 5CP4Ch. 7 - Prob. 6CP4
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
- 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_forwardsys.stderr = sys.stdouts form = cgi.FieldStorage() print('Content-type: text/html\n') if debugmode: cgi.print_form(form). Results: AttributeError: module 'sys' has no attribute 'stdouts' what is incorrectarrow_forwardCreate another HTML File with YourNameReggNoQ2.html (Add this step screen shot too) which contains the course registration form for the training institute as given below: Course Registration First Name Choose at least two courses Middle Name Python Web Designing Last Name SEO Gender O Male Female E-Commerce CNIC Session Cell No Morning Evening Email Weekend Reset Submit a) Write JavaScript that reads the value of each input element filled by the user and Qisplay the same information on the same HTML page, after the form submissionarrow_forward
- Assignment For assignments 1 and 2, your Big-O notation and justification will be written in the HTML section of JSFiddle. You will be using the Javascript array Programming Assignment Part 1 – Using your JSFiddle account and JavaScript, you will create a program that will instantiate an integer array of a specified size. This means you must create a text box interface and a button “Create Array”. Put a default value of 100 in the Text Box. When the user clicks “Create Array” create an array and fill each array element with a random integer between 1 and 100. You will need to research the random function to do this (the JavaScript function is Math.random()). This array should be a global variable. You will next need an interface (same JSFiddle) with a second and third Text Box and button. The button will say “Insert into Array”. It will trigger a function that will read a number from the second Text Box and insert it into the array at the index of the third Text Box. This will be done…arrow_forwardThe name of the file, "index.html," stands out for a number of reasons.arrow_forwardHTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the following word search application, which searches for words in paragraphs, modify it so that it Adds two spans tab within the HTML within the designated new "Illustate" text segments as shown below. Has a new click event which searches the occurrence of the word within all span tabs residing within the first div container , then highlights the text in the span tab which contains the word c) In the same routine, count the number of times ( using a global variable) that the word is found Within the object array loop for span tabs ( where the indexOf statement is located) and after all span tabs are highlighted, send that number to a new html element ( a div, h1, span, p choice is up to you). The count should be continually accumulated and should show the total number of times a word is found in a span tab for all user activated clicks of the search button for…arrow_forward
- Write a code to create a PHP application for the following image.arrow_forwardTrue or False .Each of our header and trailer sentinels contain an actual element.arrow_forwardCreate a GUI application with icons for adding things to an unordered list's top, after, bottom, and front. Your application must provide a text field that can accept a string as input for each of the add steps. The user should be able to pick both the element that will be deleted and the element that will be added afterward. Create a GUI application with icons for adding things to an unordered list's top, after, bottom, and front. Your application must provide a text field that can accept a string as input for each of the add steps. The user should be able to pick both the element that will be deleted and the element that will be added afterward.arrow_forward
- I'm trying to complete the function for my HTML filearrow_forwardInstruction: Please write this code in javascript and let me know if there is any issue Question: 1. Use our HTML template to create a file named as your name (for example if your name is john the file name would be "john.html"). Make sure to update the metadata (title, author, description...) accordingly. This HTML file should contain an h1 heading element that includes your full name and student number. 2. Create an empty element with an id of your name. This element should be used to display your output from JavaScript. 3. Create a JavaScript file named your studentid.js that performs the following: a. Create a function that will count the number of even numbers contained in the array that is passed to this function. The array may contain values of any type, but you only count the even numbers. This function will return a number (number of instances of even numbers found in the array). Needless to say, the function will return zero, if the array is empty or no even numbers are…arrow_forwardOpen the HTML and JavaScript files provided as start up files (index.html and navigation.js). Then, run the application and notice that when you click on a link in the sidebar, the page is scrolled so the information for the speaker associated with that link is displayed. In other words, this application works even if JavaScript is disabled. In the JavaScript file, add an event handler for the ready event method. Then, within the function for that event handler, add jQuery code that hides the heading and article for all but the first speaker. Add an event handler for the click event of the <a> elements in the sidebar. Then, within the function for that event handler, add jQuery code that hides all the speaker information, gets the value of the href attribute of the link that was clicked, and then uses that value to display the heading and article for the speaker associated with that link.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 LearningCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE LNp Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage