Welcome to the Alarm Clock project! This is a simple web-based alarm clock application created using HTML, CSS, and Vanilla JavaScript. The clock operates in a 24-hour format, providing a straightforward interface for setting and managing alarms.
-
24-Hour Format: The clock displays the time in a 24-hour format for easy reference.
-
Alarm Setting: Users can set alarms by specifying the desired time using the provided interface.
-
Alarm Sound: When an alarm is triggered, a built-in sound will play to alert the user.
-
Responsive Design: The application is designed to work well on various screen sizes, providing a seamless experience across devices.
- HTML
- CSS
- JavaScript
-
Clone the repository:
git clone https://github.com/MdIrfan-ul/Alarm_Clock.git.
- Open the
index.htmlfile in your web browser.
- Set your desired alarm time using the provided controls.
- Click the "Set Alarm" button to activate the alarm.
- When the set time is reached, the alarm will sound.
- This Project is Hosted on
- The Website Link is Link
-
The project follows a simple structure, with the main files organized as follows:
-
index.html: The main HTML file containing the structure of the web page. -
styles.css: The CSS file responsible for styling the user interface. -
script.js: The JavaScript file containing the logic for the alarm clock functionality.
This project relies on standard web technologies without additional libraries or frameworks. The core dependencies include:
-
HTML: The project uses HTML to define the structure and content of the web page.
-
CSS: Styling is achieved using CSS to enhance the visual presentation of the user interface.
-
JavaScript: Vanilla JavaScript is used for implementing the alarm clock's logic and interactivity.
No external libraries or frameworks are utilized, ensuring a lightweight and self-contained implementation.