본문 바로가기

프로그래밍 공부/백엔드

The first EJS templates :var today=new Date(); today.getday()

728x90

views folder > 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>To Do List</title>
</head>
<body>

<% if (kindOfDay === 'Saturday' || kindOfDay === 'Sunday') { %>
    <h1 style="color: purple"> <%= kindOfDay%> ToDo List </h1>
<% }    else { %>
    <h1 style="color: blue"> <%= kindOfDay%> Todo List </h1>
<%} %>
    
</body>
</html>

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()
  var 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("Error: current day is equal to: " + currentday);
  }

  res.render('list', {
    kindOfDay: day
  });

});

app.listen(3000, function () {
  console.log("Server is running port 3000");
})

 

실행창: