ToDo List
APP.JS
const express = require("express");
const bodyparser = require("body-parser");
const app = express();
var items = ["buy food", "cook food", "write code"]
app.set("view engine", "ejs");
app.use(bodyparser.urlencoded({extended: true}))
app.get("/", function(req, res){
var today = new Date();
var options = {
weekday : "long",
day : "numeric",
month : "long"
};
var day = today.toLocaleDateString("en-US", options)
res.render("list", {kindofday: day , newlistitems: items})
})
app.post("/", function(req, res){
var item = req.body.newitem;
items.push(item);
res.redirect("/");
})
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>
<h1> <%= kindofday %> </h1>
<ul>
<% for (var i=0; i<newlistitems.length; i++){ %>
<li> <%= newlistitems[i] %></li>
<% } %>
</ul>
<form action="/" method="post">
<input type="text" name="newitem">
<button type="submit" name="button">add</button>
</form>
</body>
</html>