I'm currently facing an issue with my form where I am trying to fetch data from the server using ejs templating in my node app. Everything seems fine as there are no errors displayed, but unfortunately, I am unable to retrieve the data in the console.
Here is a snippet of my code:
server.js
const express = require('express');
const path = require('path');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended:true}));
app.set('views',path.join(__dirname,'views'));
app.set('view engine','ejs');
const port = process.env.PORT || 3000;
const key = process.env.SECRET_KEY;
app.get('/register',(req,res) => {
res.render('register',{title:'Register here'});
});
app.post('/register',(req,res) => {
const name=req.body;
console.log(name);
});
app.listen(port,(req,res) => {
console.log(`App is running at ${port}`);
});
register.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">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="27454848535453554657671209170916">[email protected]</a>/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous"gt;
<title><%= title %></title>
<style>
h1 {
text-align: center;
margin-top:50px;
}
.form{
margin-top:50px;
margin-left:30%;
margin-right:30%;
}
button{
margin-top:20px;
}
</stylegt;
</headgt;
<body class="container"gt;
<h1><%= title %></h1gt;
<div class="form"gt;
<form action='/register' method='POST'gt;
<input name="nam" class="form-control" type="text" placeholder="Name" aria-label="default input example"gt;
<button type="button" class="btn btn-primary"gt;SUBMIT</buttongt;
</formgt;
</divgt;
<script src="https://cdn.jsdelivr.net/npm/@popperjs/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="583b372a3d186a7661766a">[email protected]</a>/dist/umd/popper.min.jsgt; integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8pgt; crossorigin="anonymousgt;
<script src="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="33515c5c47404741524373061d031d02">[email protected]</a>/dist/js/bootstrap.min.jsgt; integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtTgt; crossorigin="anonymousgt;
</bodygt;
</htmlgtgt;
If you have any insights into what might be going wrong in the provided code or suggestions on how to correct it, please feel free to share.