The following html and javascript code deals with an Analog clock please do some modification to clock.html and clock.js. Changes will be to add a new event handler that will be invoked when a new button your create is pressed. The functionality could be anything you want to do, but I might recommend setting the clock back to 12:00. here is html code and javascript code is in the text box Analog Clock Draw current time Time: :
The following html and javascript code deals with an Analog clock please do some modification to clock.html and clock.js. Changes will be to add a new event handler that will be invoked when a new button your create is pressed. The functionality could be anything you want to do, but I might recommend setting the clock back to 12:00. here is html code and javascript code is in the text box Analog Clock Draw current time Time: :
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
Related questions
Question

Transcribed Image Text:The following html and javascript code
deals with an Analog clock please do some
modification to clock.html and clock.js.
Changes will be to add a new event handler
that will be invoked when a new button your
create is pressed. The functionality could be
anything you want to do, but I might
recommend setting the clock back to 12:00.
here is html code and javascript code is in
the text box
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Analog Clock</title>
<script src="clock.js" defer></script>
<style>
.hour-input {
color: blue;
margin-right: 5px;
width: 30px;
}
.minute-input {
color: red;

Transcribed Image Text:.minute-input {
color: red;
margin-left: 5px;
width: 30px;
}
</style>
</head>
<body>
<canvas id="clockCanvas" width="200"
height="200"></canvas>
<div>
<button id="currentTimeBtn">Draw
current time</button>
<p>
Time:
<input type="number" class="hour-
input" min="1" max="12" value="12"
id="hourInput">:
<input type="number"
class="minute-input" min="0" max="59"
value="30" id="minutelnput" />
</p>
</div>
</body>
</html>
Expert Solution

This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
This is a popular solution!
Trending now
This is a popular solution!
Step by step
Solved in 2 steps

Recommended textbooks for you

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

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