JS Mini-Project
As for my second project, I decided to make a stopwatch. After reading and watching numerous tutorials, I was able to understand the general logic of JavaScript stopwatch. The stopwatch and source code are available. Please enjoy, and provide any feedback!!
Introducing Project 2
The stopwatch that I created behaves like any other stopwatch. It can start, pause, resume, and reset the counter accurately. Surprisingly, the general logical structure was much more easier to come up with than my first project. The method to calculate the elapsed time is finding the difference between current time and the time when the stopwatch started. The function Date.now() will call the current time from the local machine up to milliseconds! Below is a more detailed explanation with source code.
For my first JavaScript mini-project, I decided to create a Coffee Shop simply because I love coffee and coffee shops. For your reference, here is the Coffee Shop and the source code of the project. Please feel free to leave any feedback in the comment section below for improvements!!
Introducing Project 1
In this project, I wanted each phase to be separated with new sections and slides. With each input, the robot receiving the order will retain the information and utilize it in next phase. To practice using <div> tag in html, I decided to change the background color and robot’s expression in new slides. Notice that when the customer entered a value that is not in the menu, the robot’s expression will change. Moreover, in the last phase, the brew time is equal to two times the number of coffee ordered.