
Hosted Project
JavaScript Dynamic Time Message (Hosted on Github Pages)
Source Files
https://github.com/JS-Beginners/Dynamic-Time-Message (Hosted on Github)
Project Objective
The objective of this JavaScript project is to create a message that responds to your local time, much like the previous greeting message project.
JavaScript Used
- document.querySelector()
- eventListeners
- new Date() object
My Personalize Summary
Today I started the projects in Laurence's Svekis' Monster JavaScript course. He has over 50 JavaScript projects in this course so I know that it'll take me a couple months to complete.
I've already completed 2 of the 50+ projects a couple months ago, but I wanted to come back to these after I finished all the 27 projects in the Bluelime JavaScript project course.
Now that I've accomplished what I wanted, I started with project 3. Much like the other two projects, today's project was pretty simple for me.
It truly was a beginner project but a good one, nevertheless, if this is your first time attempting to code your own projects without a tutor.
I've noticed that many of Laurence's projects lack any type of stylist appearance. Given that his course is a JavaScript course, it makes sense.
So, I'm going to be adding my own styling via a CSS file and will be breaking out my JavaScript in its own app.js file so you can easily replicate my projects, if you want.
Anyway, today's project is supposed to tell you good evening, good afternoon, or good morning, depending on the time constraints you set in your code.
Anyway, that's it for this summary.
Check out the project to see what it does.
New Things Learned or Refreshed
I didn't learn much new with this project, especially because it is very similar to previous projects I've done.
However, it's always good to keep fresh on your skills.
Happy coding!
Time to Code
This project took me about 30 minutes to code, including the HTML and CSS.
Your Turn!
What To Accomplish
- Download the source code from the github repository above.
- Delete the contents of the
app.js
file. - Implement the JavaScript code in your own
app.js file.
- If you think you need to see a video solution first, be sure to pick up Laurence's Svekis' Monster JavaScript course .
- Add a link to your finished project below!
What You Should See
Visit the hosted github page to see this JavaScript Dynamic Time Message in action.
Leave a Reply