
Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN: 9780133594140
Author: James Kurose, Keith Ross
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
In javascript
Create and design any web page of your choosing.
- You must use the following methods to select elements on your webpage and dynamically change one of their style settings:
- getElementsByTagName()
- getElementsByClassName()
- querySelector()
- querySelectorAll()
- You must use the following functions to demonstrate creating elements dynamically. These elements must be visible in the web browser.
- createElement()
- appendChild()
- cloneNode() with no children cloned
- cloneNode() with children cloned
- insertBefore()
- You must dynamically remove a node that you added to the original html file.
- You must dynamically set at least three windows object properties:
- You must add a button that when clicked calls the window object open function and opens a link to another page such as Amazon or CNN.
- You must add another button that when clicked calls the window object open function using at least 5 of the options for the open function and opens a link to another page such as Amazon or CNN.
- You must add another button that when clicked calls the window object alert function.
- You must add another button that when clicked calls the window object prompt function.
- You must use the setTimeout() function to perform any task of your choosing but the task must do something visually that the user can see.
Expert Solution

arrow_forward
Step 1
In javascript
Create and design any web page of your choosing.
- You must use the following methods to select elements on your webpage and dynamically change one of their style settings:
- getElementsByTagName()
- getElementsByClassName()
- querySelector()
- querySelectorAll()
- You must use the following functions to demonstrate creating elements dynamically. These elements must be visible in the web browser.
- createElement()
- appendChild()
- cloneNode() with no children cloned
- cloneNode() with children cloned
- insertBefore()
- You must dynamically remove a node that you added to the original html file.
- You must dynamically set at least three windows object properties:
- You must add a button that when clicked calls the window object open function and opens a link to another page such as Amazon or CNN.
- You must add another button that when clicked calls the window object open function using at least 5 of the options for the open function and opens a link to another page such as Amazon or CNN.
- You must add another button that when clicked calls the window object alert function.
- You must add another button that when clicked calls the window object prompt function.
- You must use the setTimeout() function to perform any task of your choosing but the task must do something visually that the user can see.
Step by stepSolved in 2 steps

Knowledge Booster
Similar questions
- HTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the HTML, css below , and original output below for a table, modify the application so that it Produces the second output, below the first illustrated output. <html> <head> <title>TABLE with STYLE SHEET</title> <meta charset="utf-8" /> <meta name="description" content="How to form a table and apply styling." /> <link href="table1.css" type="text/css" rel="stylesheet" /> </head> <body> <table border = "1"> <col class ="product" /> <colgroup class = "facts"> <col/> <col/> <col class = "fat" /> </colgroup> <tr> <th> Product </th> <th> Size (oz) </th> <th> Caffeine (mg) </th> <th> Fat (g)…arrow_forwardWith one HTML file and one JS file in English please :) You may design any web page of your choosing. You must use the following methods to select elements on your webpage and dynamically change one of their style settings: getElementsByTagName() getElementsByClassName() querySelector() querySelectorAll() You must use the following functions to demonstrate creating elements dynamically. These elements must be visible in the web browser. createElement() appendChild() cloneNode() with no children cloned cloneNode() with children cloned insertBefore() You must dynamically remove a node that you added to the original html file. You must dynamically set at least three windows object properties: You must add a button that when clicked calls the window object open function and opens www.amazon.com You must add another button that when clicked calls the window object open function using at least 5 of the options for the open function and opens www.amazon.com You must add…arrow_forwardHands-On Project 1-5Learning to locate and fix errors is an important skill for anyone programming in JavaScript. You have been given a web page containing several errors that need to be fixed. When fixed, the page will display the content shown in Figure 1-27. Do the following:1. Use your code editor to open project01-05_txt.html from the HandsOnProject_01 folder. Enter your name and the date in the comment section of the document and save it as project01-05.html.2. In the head section of the document there is a script that declares and initializes the reopenDate variable. There are two errors in this code. Fix both errors.3. Scroll down to the script embedded within the article element. The code contains a total of four errors. Locate and fix the errors.4. Save your changes to the file and then open the file in your web browser. Verify that the page resembles that shown in Figure 1-27. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta…arrow_forward
- body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/blackgoose.png"); /* Rounded Shape image */ background-size: contain; } bgc { width: 200px; height: 200px; display: block; position: relative; } bgc::after { content: ""; background: url(/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png); opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y left top,url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y right top,url("/Users/332bo/Desktop/Week_9_Lab/images/gooseshadow.png") 90% bottom no-repeat;background-color:hsl(0, 14%, 95%); } a { text-decoration: none; color:rgb(153,51,153); } a:visited { color: hsl(300, 13%, 51%); } a:hover {…arrow_forwardThe CreateConsoleScreenBuffer method should be described in detail.arrow_forward<!doctype html><html><head><meta charset="UTF-8"><title>Flexbox Product Listing Exercise</title> <style>html { box-sizing: border-box;}*, *:before, *:after { box-sizing: inherit;}body { font-family: Georgia, serif; line-height: 1.5em;}h1 { font-size: 4em; font-weight: normal;}h2 { font-size: 1.2em; margin-top: 0;}#menu { border: 3px solid #783F27; }section { background: #F6F3ED; margin: 10px; padding: 20px; border: 1px dotted maroon; width: 240px; display:flex; flex-direction:column;}.title { background-color: #783F27; color: #F9AB33; line-height: 4em;}.price { font-weight: bold; background: #F9AB33; padding: 5px; width: 100%; text-align: center; margin-top:auto;}</style> </head> <body><div id="menu"><section class="title"><h1>Bistro Items To Go</h1></section> <section class="dish"><h2>1<br>Black bean purses</h2><p class="info">Spicy black bean…arrow_forward
- How to code? Hello, Im completely lost with my coding assignment. Here are the instuctions: Summary Kidder Garden Pete Burnham of the Kidder Garden website wants you to develop an application for drawing images or "stamps". As a proof of concept, he wants you to create a webpage in which users can choose stamps of a specified size and shade (opacity) and then place those stamp images on a canvas using the mouse. The user can then modify the size, position, rotation, or shading (opacity) by clicking tools from a toolbar and applying that tool to a stamp image. Pete has already designed the webpage. He needs you to write the code to create the stamp objects and place them as images on the page's canvas. Figure 14-50 shows a preview of a completed page with stamp images created and modified by the user. Pete has also supplied you with the following object methods that will be useful to you: The elementX() method for the Event object prototype that returns the x-coordinate of a mouse…arrow_forwardWeb Page: http://web.archive.org/web/20210411193535/https://docs.python-requests.org/en/master/ Inspect the Title Text (Requests: HTTP for HumansTM). What kind of element is it (what is its HTML tag)?arrow_forwardAndroidStudio - A style is an XML resource that contains attributes of how a widget should look and behave. Multiple choice a) true b) falsearrow_forward
- When modifying the layout of a page in the Salesforce app, there is a maximum number of columns possible in the layout. This number is: Question 1 options: 2 1 4 3 Question 2 A facility exists that allows a user to follow changes that might occur to records of an object. This facility is called: Question 2 options: Following Posting Social collaboration Feed tracking Question 3 Mini-page layouts are useful in previewing objects (e.g., Invoice objects). Mini-page layouts are accessible from: Question 3 options: Chatter page Recently viewed pull-down menu Home page Recent items sidebar Question 4 It is possible in Salesforce to adjust the user interface about what is shown to the user. For instance, showing only open invoices in the page. To set this, we need to create and customise a new: Question 4 options: Graphical User Interface Visualisation View Invoice Question 5 There…arrow_forwardA file called "Index.html" is noteworthy for a variety of reasons.arrow_forward
arrow_back_ios
arrow_forward_ios
Recommended textbooks for you
- Computer Networking: A Top-Down Approach (7th Edi...Computer EngineeringISBN:9780133594140Author:James Kurose, Keith RossPublisher:PEARSONComputer Organization and Design MIPS Edition, Fi...Computer EngineeringISBN:9780124077263Author:David A. Patterson, John L. HennessyPublisher:Elsevier ScienceNetwork+ Guide to Networks (MindTap Course List)Computer EngineeringISBN:9781337569330Author:Jill West, Tamara Dean, Jean AndrewsPublisher:Cengage Learning
- Concepts of Database ManagementComputer EngineeringISBN:9781337093422Author:Joy L. Starks, Philip J. Pratt, Mary Z. LastPublisher:Cengage LearningPrelude to ProgrammingComputer EngineeringISBN:9780133750423Author:VENIT, StewartPublisher:Pearson EducationSc Business Data Communications and Networking, T...Computer EngineeringISBN:9781119368830Author:FITZGERALDPublisher:WILEY

Computer Networking: A Top-Down Approach (7th Edi...
Computer Engineering
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:PEARSON

Computer Organization and Design MIPS Edition, Fi...
Computer Engineering
ISBN:9780124077263
Author:David A. Patterson, John L. Hennessy
Publisher:Elsevier Science

Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:9781337569330
Author:Jill West, Tamara Dean, Jean Andrews
Publisher:Cengage Learning

Concepts of Database Management
Computer Engineering
ISBN:9781337093422
Author:Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:Cengage Learning

Prelude to Programming
Computer Engineering
ISBN:9780133750423
Author:VENIT, Stewart
Publisher:Pearson Education

Sc Business Data Communications and Networking, T...
Computer Engineering
ISBN:9781119368830
Author:FITZGERALD
Publisher:WILEY