Skip to main content

Posts

Showing posts from July, 2021

JavaScript Hash function

 java Script hash  code for genrating sam number as  function hashCode ( string ) { let hash = 0 ; if (string. length == 0 ) { return hash; } for ( let i = 0 ; i < string. length ; i++) { let char = string. charCodeAt (i); hash = ((hash<< 5 )-hash)+char; hash = hash & hash; } return hash; } let input = document . querySelector ( "#input" ) let output = document . querySelector ( "#output" ) input. addEventListener ( "keyup" , () => { output. value = hashCode (input. value ) }) html < p > Enter text here </ p > < input type = "text" id = "input" > < p > 'Random' number outputted here </ p > < input type = "text" disabled = "disabled" value = "" id = "output" >

Image Upload by using Node Js and Multer

 Image Upload by using Node Js and Multer Require package const   const  multer = require( 'multer' ) const  path = require( 'path' )multer = require( 'multer' ) const  path = require( 'path' ) For Save in Folder  Do static path  app.use(express.static(__dirname +  './public' )); app.use( '/uploads' , express.static( 'uploads' )); Multer part,Multer middleware  const  storage = multer.diskStorage({      // Destination to store image          destination: (req,file,cb) => { cb ( null  ,  "./uploads" )     } ,       filename: (req, file, cb)  =>  {          // console.log(file)           cb( null ,file.fieldname +  '_'  + Date.now()               + path.extname(file.originalname));                           // file.fieldname is name of the field (image)              // path.extname get the uploaded file extension     } }); Multer Storage middleware const  upload = multer({ storage :storage}).single( 'imag

Node JS Express

 Node Js Express npm & Installation npm init npm i express Require // organization of a project const express = require ( "express" ); const compression = require ( "compression" ); const cookieParser = require ( "cookie-parser" ); const csrf = requrie ( "csurf" ); const morgan = require ( "morgan" ); const multer = require ( "multer" ); Initilasation Express const  app = express(); EJS COde app.use( "/static" , path.join(__dirname,  "static" )); app.set( "view engine" ,  "ejs" ); app.set( "views" , path.join(__dirname,  "/views" )); BOdy Post  app.use(express .urlencoded({ extended : true })); Routes  //routers for nav bar ......... app.get( "/" ,(req,res) => {     res.send( "you are at now Home" ) }) app.get( "/about" ,(req,res) => {     res.send( "About Us" ) }) app.get( "/Contect"

Responsive Nav Bar

 Responsive Nav Bar  review of navbar Font Awsome cdn link   < script   src = "https://kit.fontawesome.com/6d985e968b.js"   crossorigin = "anonymous" ></ script > CSS < style >              * {                  padding :  0 ;                  margin :  0 ;                  list-style : none;                  box-sizing : border-box;             }              .navbar {                  width :  100% ;                  height :  50px ;                  background-color :#000;                                               }              .logo {                  color :#fff;                  width :  200px ;                  float : left;                  font-size :  30px ; cursor : pointer;                  margin-left :  50px ;                  line-height :  40px ;                              }              .navbar   ul {                  margin-right :  50px ;                  float : right;                  line-height :  40px ;