Showing content based on the current date using Javascript

Question

Showing content based on the current date using Javascript

Although I may not be proficient in Javascript, I was able to gather examples and piece together the following code:

    var date = new Date().getDate();  
    var greeting;

    if (date < 24) {
        greeting = "Nej det är:";
    } else {
        greeting = "Ja!";
        document.getElementById("clockdiv").style.visibility = "hidden";
    }

    document.getElementById("demo").innerHTML = greeting;

The code is intended to display a specific greeting based on the current date, with an alternative greeting if it's not the specified date.

There are a few issues with the code:

If the date exceeds (e.g., 24), it triggers errors;
It only considers the day, overlooking the month;
There are also some minor errors present.

javascript

Answer 1

Answer №1

From what I gathered, you were referring to the specific day of the month.

Here's the code snippet on Js fiddle: https://jsfiddle.net/tscm02xb/

const currentDate = new Date();
const dayOfMonth = currentDate.getUTCDate();

let message;
if (dayOfMonth < 24) {
    message = "No, it is:";
} else {
    message = "Yes!";
    document.getElementById("clockdiv").style.visibility = "hidden";
}
document.getElementById("demo").innerHTML = message;

Answer 2

From what I gathered, you were referring to the specific day of the month.

Here's the code snippet on Js fiddle: https://jsfiddle.net/tscm02xb/

const currentDate = new Date();
const dayOfMonth = currentDate.getUTCDate();

let message;
if (dayOfMonth < 24) {
    message = "No, it is:";
} else {
    message = "Yes!";
    document.getElementById("clockdiv").style.visibility = "hidden";
}
document.getElementById("demo").innerHTML = message;

Answer 3

Answer №2

The function Date().getDate() retrieves only the day of the month. You can experiment with this code snippet.

let date = new Date();  
let greeting;

if (!(date.getDate() === 24 && date.getMonth() === 11)) {
    greeting = "No, it's:";
} else {
    greeting = "Yes!";
    document.getElementById("clockdiv").style.visibility = "hidden";
}

document.getElementById("demo").innerHTML = greeting;

Answer 4

The function Date().getDate() retrieves only the day of the month. You can experiment with this code snippet.

let date = new Date();  
let greeting;

if (!(date.getDate() === 24 && date.getMonth() === 11)) {
    greeting = "No, it's:";
} else {
    greeting = "Yes!";
    document.getElementById("clockdiv").style.visibility = "hidden";
}

document.getElementById("demo").innerHTML = greeting;

Answer 5

Answer №3

Here is a helpful code snippet:

let currentDate = new Date();
let day = currentDate.getDate();
let month = currentDate.getMonth();
let message;
if (day !== 24) {
    message = "No, it is not the 24th.";
} else if (day === 24 && month === 0) { // This should be January
    message = "Yes!";
    document.getElementById("clockdiv").style.visibility = "hidden";
}
document.getElementById("response").innerHTML = message;

Answer 6

Here is a helpful code snippet:

let currentDate = new Date();
let day = currentDate.getDate();
let month = currentDate.getMonth();
let message;
if (day !== 24) {
    message = "No, it is not the 24th.";
} else if (day === 24 && month === 0) { // This should be January
    message = "Yes!";
    document.getElementById("clockdiv").style.visibility = "hidden";
}
document.getElementById("response").innerHTML = message;

Answer 7

Answer №4

I want to express my gratitude for all the helpful responses. I synthesized them all and arrived at a solution. Allow me to share it with you. Check out the code snippet on JsFiddle: https://jsfiddle.net/linushg111/o6u8quwz/

    var date = new Date();  
   var day = date.getDate();
   var n = date.getMonth();
   var greeting;
    if (day === 24 && n === 11) {
        greeting = "YES";
    } else {
        greeting = "NO :-(";
    }
document.getElementById("demo").innerHTML = greeting;

Answer 8

I want to express my gratitude for all the helpful responses. I synthesized them all and arrived at a solution. Allow me to share it with you. Check out the code snippet on JsFiddle: https://jsfiddle.net/linushg111/o6u8quwz/

    var date = new Date();  
   var day = date.getDate();
   var n = date.getMonth();
   var greeting;
    if (day === 24 && n === 11) {
        greeting = "YES";
    } else {
        greeting = "NO :-(";
    }
document.getElementById("demo").innerHTML = greeting;

Showing content based on the current date using Javascript

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Trigger a JavaScript function upon clicking a link

Is it possible to trigger an event each time an Ajax request is made within AngularJS?

Are Bootstrap Input groups inconsistent?

Experience the power of Vue Google Chart - Geochart where the chart refreshes seamlessly with data updates, although the legend seems to disappear

Top tip: Utilize jQuery for the most effective method of adding content to the HTML of a paragraph situated

Converting HTML content into a single string simplifies data manipulation and extraction

Access another page by clicking on a link within an HTML document

JQuery Submission with Multiple Forms

Utilize images inputted via an HTML DOM file uploader within p5.js

Encountering a Material UI error: Incorrect hook usage when combining create-react-library with MUI

Being required to design a distinct div for every article I am extracting from the API

Linking chained functions for reuse of code in react-redux through mapStateToProps and mapDispatchToProps

retrieve information using Python in JavaScript

Capturing Data from Tables and Saving it with Protractor

The act of transmitting data via a timer using JS WebRTC leads to crashes if the page is reloaded before

The Dropdown Button Functions Once and Then Stops

How can we display or conceal text indicating the age of a patient based on the value returned from selectedPatient.age in a React application?

Javascript: object continuously moving despite key being released

Retrieve the observable value and store it in a variable within my Angular 13 component

Switching from an AJAX GET request to a POST request involves updating the