
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
Concept explainers
Question
Using HTML and Javascript
inside <body> section use tag to create a
5) Write JavaScript so that when the user clicks on the circle, the circle disappears.
Expert Solution

arrow_forward
Step 1
Here is the code for the given problem. I will provide you the three thing
1. Html code
2. CSS Code
3. Java Script Code
Html Code:
<html>
<body>
<h1>JavaScript Challenge:</h1>
<h2>Click on circles to make them disappear</h2>
<div class="circle" id="blue-circle"></div>
<body>
<html>
Step by stepSolved in 2 steps

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
- Implement a Web Page with CSS stylesCreate a div element with a width and height of 500 px. Create a diagonal linear gradient using colors of the rainbow- Red, Orange, Yellow, Green, Blue, Indigo, Violet.arrow_forwardI am working on chapter 6 path of light yoga studio study case and the classes page must have the yogadoor img in the center of the page with the nav bar going vertical on the left hand side. The text has to be below the img. Below is what I have so far. I can't figure out how to make the img smaller and the text display directly beneath it. HTM <!DOCTYPE html><html lang="en"><head><title>Path of Light Yoga Studio:: Classes</title><meta charset="utf-8"><link rel="stylesheet" href="yoga.css"></head><body><div id="wrapper"><header><h1>Path of Light Yoga Studio</h1></header><br><nav><a href="index.html">Home</a> <a href="classes.html">Classes</a> <a href="schedule.html">Schedules</a> <a href="contact.html">Contact Us</a></nav><main><div id="hero"> <img id="yogamat" src="yogamat.jpeg"…arrow_forwardThe following code adds a button to a web page. (It doesn't do anything.) Where is the button added? let body = document.body; let button = document.createElement('button'); button.innerHTML = "Press Here"; %3D body.prepend (button); a. Before the body element. O b. At the end of the body of the document, after anything else on the page. In the body of the document, before anything else on the page.arrow_forward
- Can you show me how to create a CSS file? It should contain styling information on fonts, colors, and backgrounds. For the fonts, the file should include at least 2 fonts, but no more than 4 fonts. For the colors, select a palette of between 3 to 6 colors that offer contrast and compatibility. Two of those colors should be black and white. Use hyperlink colors and color of elements such as <p>, <div>, or semantic elements like <section>. For the backgrounds, you should have a background that can either have a background color with a gradient, a background image that spans the size of the viewpoint along with a background color, or you can use multiple backgrounds together along with a background color.arrow_forwardWrite a program in html Create a CSS style for an H3 element, where: - colour is blue (in RGB format) - text aligned to left - text decoration red wavy underline - text transformed to uppercasearrow_forwardRegister the textSize event handler to handle focus changes for the input tag. Note: The function counts the number of characters in the input. HTML JavaScript 1 let inputElement = document.getElementById("userName"); 2 3 function textSize(event) { document.getElementById("stringLength").innerHTML = event.target.value.length; 5 } 4 7 /* Your solution goes here */ 8 inputElement.addEventListenerC"text", stringLength); 2 Check Try againarrow_forward
- HTML/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_forwardWrite 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.arrow_forwardx = zeros(uint8(5,5)); for i = 1:5 for j = 1:5 a = 5/i; x(i,j) = 255/a; end end Which of the following best describes the black and white image x? 1. The columns of x will get lighter from left to right 2. The rows of x will get lighter from top to bottom 3. The rows of x will get darker from top to bottom 4. The columns of x will get darker from left to rightarrow_forward
- Please written by computer source Provide a solution for 26.9. The solution requires nesting panels (i.e., JPanel w/ GridLayout for buttons; JFrame w/ BorderLayout for the JPanel and JLabel). The following describes the suggested layout managers and placement of the controls. -Create a JPanel -Set JPanel layout manager to GridLayout, add the buttons to this panel -Add the JPanel to the center of the JFrame (i.e., JFrame use BorderLayout) -Add a JLabel control to the "North" of the JFrame Note: Do not implement event-handling for this assignment.arrow_forwardThere are times as a web developer when you need to interact with different data types and file types. The textbox below represents a Comma-separated values file, which is typically referred to as a CSV file. Username, Identifier, First name, Last name booker12,9012, Rachel,Booker grey07, 2070, Laura, Grey johnson81, 4081, Craig, Johnson jenkins46,9346, Mary, Jenkins smith79,5079, Jamie, Smith Your job is to represent the CSV data using a tabular format in csv_to_table.html. You need to use following HTML elements: 1 x Table element 1 x Caption element 1 x Table Head element () 1 x Table Body element () 4 x Table Header elements 6 x Table Row elements ? x Table Data elements (the number of Table Data elements is up to you to work out!)arrow_forwardPlease help me with this. I am not understanding what to do. So the code below is supposed to display images when the checkboxed are clicked and display nothing when they are unclicked,. Dont worry about the css code JS function p01Func() { document.getElementById("description").innerHTML = "<p>A mother joins an underground band of vigilantes to try to rescue her daughter from a state-run institution.</p>"; document.getElementById("poster").src = "images/night_raiders_poster.jpg"; document.getElementById("poster").style.display = "block"; document.getElementById("director").src = "images/night_raiders_director.jpg"; document.getElementById("director").style.display = "none"; document.getElementById("actors").src = "images/night_raiders_actors.jpg"; document.getElementById("actors").style.display = "none"; document.getElementById("check1").checked = false; document.getElementById("check2").checked = false; document.getElementById("check3").checked = false;}…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 EducationStarting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSONDigital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
- C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSONDatabase Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage LearningProgrammable 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