make a stop watch

[MuhammadSarimWaseem]

Describe your change:

• [x] Add a Project?
• [ ] Fix a bug or typo in an existing Projects?
• [ ] Documentation change?

Checklist:

• [x] I have read CONTRIBUTING.md.
• [ ] This pull request is all my own work -- I have not plagiarized.
• [ ] I know that pull requests will not be merged if they fail the automated tests.
• [ ] This PR only changes one Project folder. To ease review, please open separate PRs for separate algorithms.
• [ ] All new Project files are placed inside an existing directory.
• [ ] If this pull request resolves one or more open issues then the description above includes the issue number(s) with a closing keyword: "Fixes #ISSUE-NUMBER".
• [ ] My code follows the style guidelines of this project
• [ ] I have performed a self-review of my own code
• [ ] I have commented my code, particularly in hard-to-understand areas
• [ ] My changes generate no new warnings
• [ ] The title of my pull request is a short description of the requested changes.
• [ ] I have made corresponding changes to the documentation
• [ ] My PR needs documentation change

ATTACH SCREEN-SHOTS

Before	After
< Before Image >	< After Image >

[netlify[bot]]

✅ Deploy Preview for frontend-database ready!

Name	Link
🔨 Latest commit	0697d795c877873a01e949b3f3312b84a39521f2
🔍 Latest deploy log	https://app.netlify.com/sites/frontend-database/deploys/6523e268293cfc0008c63e0e
😎 Deploy Preview	https://deploy-preview-43--frontend-database.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[pr-explainer-bot[bot]]

Pull Request Report

Hey there! I'm here to provide you with a report on the changes made in the pull request. Let's dive in!

Changes

1. Added app.js file with the following changes:

   • Added variables milli, sec, mint, and interval.
   • Added function millisecond() to increment milli and update the value in the HTML.
   • Added function start() to start the stopwatch by calling millisecond() every 10 milliseconds.
   • Added function stop() to stop the stopwatch by clearing the interval.
   • Added function reset() to reset the stopwatch by setting all variables to 0 and updating the value in the HTML.
   • Added function second() to increment sec and update the value in the HTML when milli reaches 100.
   • Added function minute() to increment mint and update the value in the HTML when sec reaches 60.
   • Added function disable_start() to disable the start button and enable the stop and reset buttons.
   • Added function disable_stop() to disable the stop button and enable the start and reset buttons.

2. Added index.html file with the following changes:

   • Added HTML structure for the stop watch.
   • Added input fields for minutes, seconds, and milliseconds.
   • Added buttons for start, stop, and reset, with corresponding onclick events.

3. Added style.css file with the following changes:

   • Added CSS styles for the stop watch layout and design.
   • Added media queries for responsive design.

Suggestions

• Consider using more descriptive variable names to improve code readability. For example, instead of milli, sec, and mint, you could use milliseconds, seconds, and minutes.
• It would be helpful to add comments to explain the purpose and functionality of each function.

Bugs

• In the reset() function of app.js, there is an incorrect line: millisecond() = 0;. This line should be removed as it is not valid syntax.

Improvements

• Consider refactoring the code to separate the JavaScript logic from the HTML. You can achieve this by using event listeners instead of inline onclick events in the HTML. Here's an example of how you can refactor the start button functionality:

// In app.js
document.getElementById("disabled1").addEventListener("click", start);

function start() {
  disable_start();
  interval = setInterval(millisecond, 10);
}

Rating

I would rate the code a 7 out of 10 based on the following criteria:

• Readability: The code is generally readable, but could be improved with more descriptive variable names and comments.
• Performance: The code seems to perform well for a simple stop watch application.
• Security: There are no apparent security concerns in the code.

That's it for the pull request report! Let me know if you need any further assistance. Keep up the good work! 👍

[dev-AshishRanjan]

@MuhammadSarimWaseem ,

Please add the project details in contribution/ProjectList.json