Homework Help is Here – Start Your Trial Now!
Engineering
Computer Science
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:                                             Back   Timer-02:00   Reset                   Your browser does not support the audio element.               css code:

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:                                             Back   Timer-02:00   Reset                   Your browser does not support the audio element.               css code:

EBK JAVA PROGRAMMING
EBK JAVA PROGRAMMING
9th Edition
ISBN:9781337671385
Author:FARRELL
Publisher:FARRELL
Chapter15: Using Javafx And Scene Builder
Section: Chapter Questions
Problem 1GZ
See similar textbooks
icon
Related questions
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
steps

Step by step

Solved in 4 steps

SEE SOLUTIONCheck out a sample Q&A here
Blurred answer
Knowledge Booster
Multimedia tools and applications
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
  • SEE MORE QUESTIONS
Recommended textbooks for you
EBK JAVA PROGRAMMING
EBK JAVA PROGRAMMING
Computer Science
ISBN:
9781337671385
Author:
FARRELL
Publisher:
CENGAGE LEARNING - CONSIGNMENT
Np Ms Office 365/Excel 2016 I Ntermed
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:
9781337508841
Author:
Carey
Publisher:
Cengage
EBK JAVA PROGRAMMING
EBK JAVA PROGRAMMING
Computer Science
ISBN:
9781305480537
Author:
FARRELL
Publisher:
CENGAGE LEARNING - CONSIGNMENT
SEE MORE TEXTBOOKS