GithubHelp home page GithubHelp logo

rsayyed591 / prodigy_wd_02 Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 14 KB

A fully functional Stopwatch App built with HTML, CSS, and JavaScript. Measure time intervals, record laps, and enhance your web development skills.

HTML 14.40% JavaScript 45.23% CSS 40.36%

prodigy_wd_02's Introduction

Stopwatch App

The Stopwatch App is a simple web application that allows users to measure time intervals accurately and record lap times. It provides basic stopwatch functionalities such as start, pause, reset, and record lap times.

How to Use

  1. Clone or download the repository to your local machine.
  2. Open the index.html file in your web browser.
  3. The Stopwatch App interface will be displayed, showing the title "Stopwatch App," a timer display, and control buttons.
  4. To start the stopwatch, click the "Start" button.
  5. To pause the stopwatch, click the "Pause" button.
  6. To reset the stopwatch, click the "Reset" button.
  7. While the stopwatch is running, you can click the "Lap" button to record lap times.
  8. The recorded lap times will be displayed below the stopwatch in a list format.

Features

  • Start: Begins the stopwatch and starts counting time from zero.
  • Pause: Pauses the stopwatch at the current elapsed time.
  • Reset: Stops the stopwatch and resets the timer display to "00:00:00."
  • Lap: Records lap times while the stopwatch is running and displays them in a list below the timer.

Technologies Used

  • HTML: Provides the structure and elements of the web application.
  • CSS: Styles the visual elements and layout of the application.
  • JavaScript: Implements the stopwatch functionalities and timing logic.

Preview

Website Preview Website Preview

Contributions

This Stopwatch App is a basic implementation and is open for contributions and improvements. If you find any issues or have suggestions for enhancements, feel free to create a pull request or open an issue.


Developed by Rehan Sayyed

LinkedIn: https://www.linkedin.com/in/rehan42/

GitHub: https://github.com/rsayyed591

HackerRank: https://www.hackerrank.com/rehansayyed591?hr_r=1

prodigy_wd_02's People

Contributors

rsayyed591 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.