colored heading
app.js
const express = require("express");
const bodyparser = require("body-parser");
const app = express();
app.set("view engine", "ejs");
app.get("/", function(req, res){
var today = new Date();
currentday = today.getDay();
var day = "";
switch (currentday) {
case 0:
day = "sunday"
break;
case 1:
day = "monday"
break;
case 2:
day = "tuesday"
break;
case 3:
day = "wednesday"
break;
case 4:
day = "thursday"
break;
case 5:
day = "friday"
break;
case 6:
day = "saturday"
break
default:
console.log("its an error" + currentday);
}
res.render("list", {kindofday: day})
})
app.listen(3000, function(){
console.log("server started at port 3000");
})
list.ejs
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>todo list</title>
</head>
<body>
<% if (kindofday === "saturday" || kindofday === "sunday"){ %>
<h1 style="color: blue ;"><%= kindofday%> ToDo List</h1>
<% } else { %>
<h1 style="color: red ;"><%= kindofday%> ToDo List</h1>
<% } %>
</body>
</html>