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 clonedcloneNode() with children clonedinsertBefore() 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.comYou 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.comYou 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.

Answered: You may design any web page of your…

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Question

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 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

Step 1

index.html

<!DOCTYPE html>

<html>

<head>

<title>Dynamic Webpage Example</title>

<style>

.highlight {

background-color: yellow;

}

</style>

</head>

<body>

<h1>Dynamic Webpage Example</h1>

<button id="add-elements">Add Elements</button>

<button id="remove-element">Remove Last Element</button>

<button id="open-window1">Open Window 1</button>

<button id="open-window2">Open Window 2</button>

<button id="show-alert">Show Alert</button>

<button id="show-prompt">Show Prompt</button>

<p>This is an existing paragraph.</p>

<button>Button 1</button>

<button>Button 2</button>

<button>Button 3</button>

</div>

</body>

</html>

Step by step

Solved in 3 steps with 1 images

SEE SOLUTION Check out a sample Q&A here

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