Database System Concepts
7th Edition
ISBN: 9780078022159
Author: Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher: McGraw-Hill Education
expand_more
expand_more
format_list_bulleted
Related questions
Question
Using JavaScript DOM, access and modify following HTML elements according to the tasks listed below:
<h1 id="h1id"> KSA </h1>
<h2 id="h2id"> KSA </h2>
<img id="img" src="seu.jpg" width="400px" height="150px">
Tasks:
- Change h1 element color to green.
- Change h2 element content to SEU.
- Change img element width attribute to 150px.
Notes:
- Copy and paste your script as your answer for this question. DON’T take screen shot for your HTML and JS script. It must be editable script.
- Provide a screenshot of your output
Hint: this is how the webpage should look like before and after executing the required tasks:
Before After
Transcribed Image Text:KSA
KSA
امعة السعودية الالكترونية
AUDI ELECTRONIC UNIVERSI
2011
Transcribed Image Text:KSA
SEU
في السعودية الإلكترونية
SAUDI
الجامعة
ELECTRONIC U
Sain
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
Step by stepSolved in 3 steps with 3 images
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
- Debug the HTML program for a website that will show an output of text with a template for meeting minutes. The text should include all of the necessary markdown options such as Titles and Bullet Points for the template. After seeing the outputted text, you should be able to click the copy button below the text which will copy all of the text to your clipboard which can be pasted in a word document. Right now, the code will output the correct Meeting Minutes Template, but the copy button does not work. Please make it so the copy button works. <style> /* Add CSS styles for the template */ .template { font-family: Arial, sans-serif; font-size: 14px; line-height: 1.5; } .template h1 { font-size: 18px; margin: 0 0 10px 0; } .template p { margin: 0 0 10px 0; } .template ul { list-style-type: disc; margin: 0 0 10px 20px; } .template li { margin-bottom: 5px; } /* Add styles for the "Copy" button */ .copy-button { background-color:…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_forwardWeb Programming : HTML, CSSarrow_forward
- Improve my HTML and CSS Code to make it look exactly like the picture. <!DOCTYPE html><html lang="en"><head><title>Fish Creek Animal Clinic</title><meta charset="utf-8"><link href="style.css" rel="stylesheet"></head><body><div id="wrapper"><header><h1>Fish Creek Animal Clinic</h1></header><nav> <b> <a href="index.html">Home</a> <a href="services.html">Services</a> <a href="askvet.html">Ask the Vet</a> <a href="contact.html">Contact</a></b></nav> <main> <dl> <dt><strong>Full Service Facility</strong></dt> <dd>Doctors and staff are on duty 24 hours a day, 7 days a week. <dt><strong>Years of Experience</strong></dt> <dd>Fish Creek Veterinarians have provided quality, dependable care for your…arrow_forwardthe html code is like this ---- <!DOCTYPE html> <html lang="en" dir="ltr" id="top"> <head> <metacharset="utf-8"> <title>Gallery zoo </title> </head> <body> <header> <h1>zoo </h1> <h3id="zoop">zoo</h3> </header> <linkrel="stylesheet"type="text/css"href="n.css"> <scripttype="text/javascript"src="n.js"></script> <body> <scriptsrc="unit3.js"type="text/javascript"></script> <headerid="top"> <h1> Z O O </h1> <h3id="ZOO">this is zoo</h3> </header> <nav> <header> <ulstyle="list-style-type:none"> <li><ahref="#elephantSection">elephant</a></li> <li><ahref="#bearSection">bear</a></li> <li><ahref="#lionSection">lion</a></li> <li><ahref="#monkeySection">monkey</a></li>…arrow_forwardWhich styles are applied directly to elements within an html file?arrow_forward
- <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Shape Up!</title> <link rel="shortcut icon" href="images/favicon.ico"> </head> <body> <header> <img src="images/shape_up_logo.png" alt="Shape Up logo"> <h2>Shape Up!</h2> <h3>Find the best fit for you</h3> </header> <main> <section> <h1>Get ready to Shape Up!</h1> <p>How many times have you started a new workout routine or diet? And how many times has it failed to give you the results you want? Now, with the help of this site, you can learn about the exercises and diet that work best for you. We offer personalized programs as well as access to several health and dieting tools. So don't wait! Get started looking and feeling better today.</p> <p>As fitness expert Amanda Russell said:</p> <blockquote>Fitness is about so much more than exercise. It’s a catalyst for…arrow_forwardImprove my HTML and CSS Code to look like the picture: <!DOCTYPE html><html lang="en"><head> <title>Trillium Media Design</title><meta charset="utf-8"> <style> body { background-color: #e6e6fa; color: #191970; font-family: Arial, Verdana, sans-serif; } h1 { background-color: #191970; color: #e6e6fa; line-height: 200%; font-family: Georgia, "Times New Roman", serif; text-indent: 1em; text-shadow: 3px 3px 5px #CCCCCC; } h2 { background-color: #aeaed4; color: #191970; } font-family: Georgia, "Times New Roman", serif; text-align: center; } nav { font-weight: bold; font-size: 1.25em; word-spacing: 1em; } p { font-size: .90em; text-indent: 3em; } ul { font-weight: bold; } </style> </head> <body> <header> <h1>Trillium Media Design</h1> </header><nav> <a…arrow_forward<!DOCTYPE html> <html> <head> <title>JavaScript & jQuery - Chapter 5: Document Object Model - Example</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/c05.css"> </head> <body> <div id="page"> <h1 id="header">List</h1> <h2>Buy groceries</h2> <ul> <li id="one"><em>fresh</em> figs</li> <li id="two">pine nuts</li> <li id="three">honey</li> <li id="four">balsamic vinegar</li></ul> </div> <script src="js/example.js"></script> </body> </html> remove their list items and add your own for the following game consoles: Xbox Series X Xbox Series S Playstation 5 Playstation 5 DE Nintendo Switch Nintendo Switch Lite Use the javascript methods for removing nodes,…arrow_forward
- <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Grid</title> </head> <body> </body></html>arrow_forward<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Shape Up!</title> <link rel="shortcut icon" href="images/favicon.ico"> <link rel="stylesheet" href="styles/main.css"> </head> <body> <header> <a href="index.html"><img src="images/shape_up_logo.png" alt="Shape Up logo"></a> <h2>Shape Up!</h2> <h3>Find the best fit for you</h3> </header> <nav id="nav_menu"> <ul> <li><a href="index.html" class="current">Home</a></li> <li><a href="strength/index.html">Strength Training</a></li> <li><a href="cardio/index.html">Cardio Exercises</a></li> <li><a href="stress/index.html">Stress Relief</a> <ul> <li><a href="stress/index.html">What is Stress?</a></li> <li><a href="stress/tips.html">5 Helpful Tips</a></li>…arrow_forwardwhat I have so far <!DOCTYPE html><html><head><meta charset=”utf-8”><title>Lab1</title> <style>body { background-color: #556271; margin: 0 10%; font-family: sans-serif; color: white;} h1 {color: #FE6A67;text-align: center; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #D4DCCD; margin-top: 30px;}h2 {font-size: 1em;}</style> </head> <body> <h1><img><br><img src="21.png"><p>Amet Justo Donec</p></h1> <p>Cursus EgetPurus sit amet volutpat consequat mauris nunc congue nisi vitae. Suscipit tellus mauris a diam maecenas sed enim ut sem viverra aliquet eget sit.<p/><h2>Cursus Eget</h2><p>Purus sit amet volutpat consequat mauris nunc congue nisi vitae. Suscipit tellus mauris a diam maecenas sed enim ut sem viverra aliquet eget sit.<p/><h2>Diam</h2><p>Urna condimentum mattis pellentesque id nibh tortor. Id aliquet…arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill Education
Starting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSON
Digital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON 
C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSON
Database Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage Learning
Programmable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education