Simple JS/CSS

A very simple JS and CSS example for assisting a new developer on StackOverflow

by Andrew Whittaker

HTML

<table>
<td class="bold red underline">Month</td>
<td class="bold red underline">Request #</td>
<td class="bold red underline">Result</td>
<tr>
  <td id="month1"></td>
  <td id="days1"></td>
  <td id="result1"></td>
</tr>
<tr>
  <td id="month2"></td>
  <td id="days2"></td>
  <td id="result2"></td>
</tr>
</table>

CSS

.bold {
  font-weight: bold;
}
.underline {
  text-decoration: underline;
}
.red {
  color: red;
}

JavaScript

function months(month, request) {
    if (!request ||
        request < 1 ||
        request > 2) {
        return false;
    }
    if (!month ||
        month < 1 ||
        month > 12) {
        return false;
    }
    var name = "";
    var numberDays = 0;
    switch (month) {
        case 1:
            if (request === 1) {
                name = "January";
            } else {
                numberDays = 31;
            }
            break;
        // Repeat for case 2 - 12
        default:
            break;
    }
    if (request === 1) {
        return "Month number " + month + " is " + name;
    } else {
        return "There are " + numberDays + " in month number" + month;
    }
}
var monthVar = 1;
var requestNum = 1;
var result = months(monthVar, requestNum);
document.getElementById("month1").innerHTML = monthVar;
document.getElementById("days1").innerHTML = requestNum;
document.getElementById("result1").innerHTML = result;
monthVar++;
requestNum++;
result = months(monthVar, requestNum);
document.getElementById("month2").innerHTML = monthVar;
document.getElementById("days2").innerHTML = requestNum;
document.getElementById("result2").innerHTML = result;