Untitled

avatar
unknown
plain_text
2 months ago
943 B
2
Indexable
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport"
		content="width=device-width, 
				initial-scale=1.0">
	<link rel="stylesheet" href="style.css">
	<title>Advanced Alarm Clock</title>
</head>

<body>
	<div class="clock">
		<h1>
			GeeksforGeeks
		</h1>
		<h3>
			A Simple Alarm Clock in
			HTML CSS & JavaScript
		</h3>
		<div class="time" id="time">
			00:00:00
		</div>
		<div class="input-row">
			<div class="input-field">
				<label for="alarmDate">
					Select Date:
				</label>
				<input type="date"
					id="alarmDate"
					class="alarm-input"
					min="">
			</div>
			<div class="input-field">
				<label for="alarmTime">
					Select Time:
				</label>
				<input type="time" id="alarmTime"
					class="alarm-input">
			</div>
			<button id="setAlarm">
				Set Alarm
			</button>
		</div>
		<div class="alarms" id="alarms">
		</div>
	</div>
	<script src="script.js"></script>
</body>

</html>
Leave a Comment