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
Question
Make the button timer and reset work, also make the cards to be flipped over and make them to be in random order, when you match two correct cards let them be flipped, if they are not matching flipdem back. Do this in JavaScript.
html code:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="start.css">
<title></title>
</head>
<body>
<div class="whole">
<div class="images"><img src="1.png"></div>
<div class="images" ><img src="final.jpg"></div>
<div class="images"><img src="2.png"></div>
<div class="images"><img src="final.jpg"></div>
<div class="images"><img src="final.jpg"></div>
<div class="images"><img src="4.png"></div>
<div class="images"><img src="final.jpg"></div>
<div class="images"><img src="3.png"></div>
<div class="images"><img src="5.png"></div>
<div class="images"><img src="final.jpg"></div>
<div class="images"><img src="6.png"></div>
<div class="images"><img src="final.jpg"></div>
<p id="back"><a href="main.html">Back</a></p>
<button id="timer">Timer-02:00</button>
<button id="reset">Reset</button>
<div class = "song">
<audio controls>
<source src="Tyler The Creator - Earfquake.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
<img src="hkk.gif" id="planet">
<img src="planet.gif" id="pla">
</body>
</html>
css code:
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 4 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
- You are going to add some javascript to your webpage to greet the user. All the below instructions can be found with further explanations in the Javascript lectures. Don not only give me the html code, i need javascript If you do not already have them, add two <h1> title tags so they display at the top of your webpage The first tag should have the contents: “Welcome” The second tag should have an id='username' and contents: “Placeholder” All Javascript must go in a file with the extension “.js”, such as “main.js” or “script.js”. Create a file to hold your javascript if one is not already there. Add a script tag at the end of your body tag that includes your javascript file. In your script tag, use the javascript prompt command to save input from the user into a variable Ask the user their name in the prompt command You can name the variable whatever you like Change the second <h1 id=’username’> contents to the name entered by the user it should be stored in the…arrow_forwardYou can also download the image file from https://www.dropbox.com/scl/fi/ztmuke5mlonrb3e0jdpuj/Santa.jpg?rlkey=lfdzstv649h141jolqdh2kagv&dl=0(1) Write a code to change all red color pixels into blue.(2) Write a code to change only the right half of the red hat into blue, using two ifarrow_forwardThe CreateConsoleScreenBuffer method should be described in detail.arrow_forward
- <!DOCTYPE html><html lang="en"> below is box-styles.css <style> @import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap'); body { font-size: 62.5%; margin: 0;} h1 {font-size:4em;text-align: center;font-family: 'Rubik Mono One', sans-serif;} h3 {font-size: 2em;} p {font-size: 1.5em;} h3, p { margin:0; } .title-padding { padding: 5% 10%; } .body-padding { padding-left: inherit; padding-right: inherit; padding-top: 7%; } .light-shadow { box-shadow: transparent; } .max-width { max-width: 50em;} /* .full-width { } */ .center-element { margin-top:8em; margin-left:inherit; margin-right: inherit; text-align: center; } .round-borders { border:1px solid black; border-radius: 0.25em; font-size: 2em; } .bb { box-sizing: content-box; width:100%; padding: inherit; margin: inherit; } .cb { box-sizing: content-box; } </style>above is the box-styles.css <head> <meta…arrow_forwardYou can also download the image file from https://www.dropbox.com/scl/fi/ztmuke5mlonrb3e0jdpuj/Santa.jpg?rlkey=lfdzstv649h141jolqdh2kagv&dl=0(1) Write a code to change all red color pixels into blue.(2) Write a code to change only the right half of the red hat into blue, using two ifarrow_forwardHTML Last lab, you created a webpage about someone you admire. Now we are going to add some styling to the webpage. You must apply descriptors (css rule) to the following selectors (any tags you do not currently have need to be added): body h1,h2,h3,h4,h5,h6,h7 (use at least 2) p ul li img You must use all of the following descriptors below in your page. Although you are not being graded on your design ability, do your best to make the style your own. Text Descriptors color font-size font-weight text-align Background background-color border Size width height margin You may add any additional styling or layout descriptors you like. Layout is a complicated topic in CSS and the lab does not require any specific layout, but here is a good explanation if you want to alter the layout anyway: https://learnlayout.com/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_forwardWhether or whether a control appears on the page depends on its attribute at runtime, just as it does for other controls.arrow_forwardSuppose there is a text box on your browser window called FirstName. When you scroll up or down, the text box does not move at all while other elements on the page do move. What value for the position property would FirstName have? A) absolute B) relative C) fixed D) staticarrow_forward
- pls help me java webarrow_forwardAndroidStudio - A style is an XML resource that contains attributes of how a widget should look and behave. Multiple choice a) true b) falsearrow_forwardWhether or whether a control is shown on the page is determined by its runtime property, just as it is with other controls.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