Code Snippet
JavaScript can be used to write the current date to a page, or to write the year to the page, for instance, in the copyright section of your site.
Today’s Date
This is the HTML. It would be placed where we’d like today’s date to appear (inside the span of the paragraph).
<p id="date_section">Today's Date: <span id="full_date"></span></p>
Then the following JavaScript is used to create the date and write it to the HTML element above.
// get new date object
let today = new Date();
// variables
let day = today.getDate();
let month = today.getMonth();
let year = today.getFullYear();
// write the date to the HTML element
document.getElementById('date_section').innerHTML = month + '-' + day + '-' + year;
Example:
Today’s Date: 6-26-2024
Note
This is just an example of what it will look like. When actually coded, the date would be today’s date.
Copyright Year
You could have the copyright year written to the page using JavaScript, which would automatically update every year. That way, you don’t have to manually do it every January 1st.
This is the HTML. It would be placed where we’d like the copyright year to appear (inside the span of the paragraph).
<p id="copyright_section">Copyright ©<span id="copyright_year"></span></p>
Then the following JavaScript is used to create the year and write it to the HTML element above.
// get new date object
let today = new Date();
// variable
let year = today.getFullYear();
// write the date to the HTML element
document.getElementById('copyright_year').innerHTML = year;
Example:
Copyright ©2024
Note
This is just an example of what it will look like. When actually coded, the correct year would be shown.
JavaScript Notes:
- When using JavaScript, single or double quotation marks are acceptable and work identically to one another; choose whichever you prefer, and stay consistent
- JavaScript is a case-sensitive language; firstName is NOT the same as firstname
- Arrays count starting from zero NOT one; so item 1 is position [0], item 2 is position [1], and item 3 is position [2] … and so on
- JavaScript variables must begin with a letter, $, or _
- JavaScript variables are case sensitive (x is not the same as X)
We’d like to acknowledge that we learned a great deal of our coding from W3Schools and TutorialsPoint, borrowing heavily from their teaching process and excellent code examples. We highly recommend both sites to deepen your experience, and further your coding journey. We’re just hitting the basics here at 1SMARTchicken.