To do list (Algo)

 Algorithm for to do list:

Step:

1: In terminal initialize npm and install express,body-parse, and ejs.

2: in editor incorporate body-parser and express.

3: Bind express to a constant app

4: Using app.set incorporate ejs with express.

                     app.set("view engine", "ejs);

5:using app .use incorporate body-parser(now depreceated), so we can use express instead.

6:using app.get define route and has a call back which will hold the data of get.

    6a: inside call back:-

            6a1: create a variable for date 

            6a2: create an object which will contain the date day month and year to be displayed.

            6a3:create a variable which will convert the date toLocaleDateString (Date string)

7: using res.render, render the template (list) and items to send to the client.

8: using app.post on the home route and a call back including the input grab from webpage , pushing the grabbed element to array which is to be created above app.get, and redirecting to home after updating the webpage list.

9: app.listen to set server at a port usually 3000 and a callback logging that server has started a specified port.

Comments

Post a Comment

Popular posts from this blog

To read data from database using mongo driver

  const MongoClient = require ( "mongodb" ). MongoClient ; // Replace the uri string with your MongoDB deployment's connection string. const url = "mongodb://localhost:27017" ; const client = new MongoClient ( url ); async function run () {   try {     await client . connect ();         const cursor = client . db ( "newFruits" ). collection ( "fruits" ). find ({});     const results = await cursor . toArray ();     if ( results . length > 0 ) {         console . log ( `Found listing(s)` );         results . forEach (( result , i ) => {                         console . log ( `$_id: ${ result . _id } name: ${ result . name } review: ${ result . rating } ` );                            });     } else {       ...
Read more

To do list (without styling and css)

the html file is written in the file having extension as ejs rather than HTML because it can include embedded javascript logic inside the file itself. html of ejs todo list:- <!DOCTYPE html> <html lang="en" dir="ltr">   <head>     <meta charset="utf-8">     <title>To do List</title>   </head>   <body>     <% if(kindOfDay==="Saturday"||kindOfDay==="Sunday"){ %>     <h1 style="color:Purple"> <%= kindOfDay %> </h1>     <% } else { %>       <h1 style="color:Blue"> <%= kindOfDay %> </h1>     <%  } %>     <ul>     <% for (var i = 0; i<newListItems.length; i++){ %>       <li> <%= newListItems[i] %> </li>     <% } %>       </ul>     <form class="" action="/" method="post"> ...
Read more

Template, layout and scope

 Templates:- Prewritten line of codes that a developer or programmer can modify according to his/her needs. The use of templates removes repetition saving a lot of time and making it easier for a developer to create a project. Also, templates are blocks of codes which add feature and content to be render on the page. Layout:- Layouts are files that define the structure of the page such as header, footer, navbar, sidebar, etc Concept of scope:- generally there are two types of scope: 1.) Local: which can only be accessed inside the function they are declared in. 2.) Global: This can be accessed throughout the program. Generally, all data types can be local as well as variable: eg: if var, let, const, are declared inside a function they will be local, and if created outside the function they will be global, but if these three are declared in conditional or loop statements the let will behave differently than var, and const. Meaning in conditional and loop statements the let statement...
Read more