to do list js
const express = require("express");
const bodyParser = require("body-parser");
const date = require(__dirname+"/date.js");
const app = express();
app.set('view engine', 'ejs'); //incorporates ejs with express
app.use(express.urlencoded({extended:true})); // express is used as body parse is depreceated
app.use(express.static("public")); //incorporates static files such as css to website
const items = ["Buy Food","Cook Food","Eat Food"];
const workItems=[];
app.get("/", (req, res) => {
const day = date.getDay();
res.render("list", { // renders the template and sends the rendered html string to client
listTitle: day, // item to render
newListItems:items
})
})
app.post("/",(req,res)=>{
const item= String(req.body.newItem); //used to grab the data from input
if(req.body.list === "Work"){
workItems.push(item);
res.redirect("/work");
}
else{
items.push(item); // pushes grabbed item to items array
res.redirect("/"); // redirects to home route
}
})
app.get("/work",(req,res)=>{
res.render("list",{listTitle:"Work List",newListItems:workItems})
})
app.get("/about",(req,res)=>{
res.render("about");
})
app.listen(3000, () => {
console.log("Server started at port 3000");
})
// let currentDay = today.getDay();
// let 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);
//
// }
Comments
Post a Comment