Home/ Questions/Q 8767947
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T16:56:50+00:00

I want to target this: <h3 id=’month’>Oct</h3> I did this: var changeColor = function

  • 0

I want to target this:

<h3 id='month'>Oct</h3>

I did this:

    var changeColor = function () {
        var monName = new Array ('Jan' ... 'Dec'); //ellipsis to make code short
        var now = new Date();

        if(monName == monName[now.getMonth()]) {
           switch(monName) {
                case 'Jan':
                   document.getElementById('month').style.backgroundColor = '#ff3300';
                   break;
                   .
                   .
                   .
                   .
                case 'Dec':
                   document.getElementById('month').style.backgroundColor = '#c2dd8a';
                   break;
                default:
                   alert('Error');

                }     
        }
};

I called the function in the html body element (external js file between script tags properly sourced already):

<script type='text/javascript' src='time.js'></script>
<body onload='changeColor();'>

It didn’t seem to work. I’m suspecting there is an error with how I target the h3 element. My overall idea is to change the background color as the month changes for the targeted element. Any help is greatly appreciated. Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try to change your if statement to:

    if(document.getElementById('month').innerHTML == monName[now.getMonth()])

    Also, your switch statement should be:

    switch(monName[now.getMonth()])
    • 0