How to know which button was pressed?

Question

I'm learning the basics of node.js and express framework. I have a simple page with two buttons:

<form action="/home2" method="post">
    <button name="butt1">butt1</button>
    <button name="butt2">butt2</button>
</form>

And i want to see in console which button was pressed:

router.post('/', function(req, res, next) {
    console.log(req.body.name);
    res.render('home2', { title: 'post' });
});

In the console i just see

undefined

How can I access the name of the button?

Answer 1

I think it would be helpful for you.

<form action="/home2" method="post">
   <button name="butt1">butt1</button>
   <button name="butt2">butt2</button>
</form>


router.post('/home2', function(req, res, next) {

  if(req.body.hasOwnProperty("butt1")){
     console.log("butt1 clicked");
  }else{
     console.log("butt2 clicked");
  }
  res.render('home2', { title: 'post' });
});

Answer 2

First of all since you are using POST i am assuming you've got the body-parser middleware present, if not check Body Parser Middleware

your code needs a few changes

in html

<form action="/home2" method="post">
    <button name="butt" value='1'>butt1</button>
    <button name="butt" value='2'>butt2</button>
</form>

and in express

router.post('/home2', function(req, res, next) {
    console.log(req.body.butt);
    res.render('home2', { title: 'post' });
});

req.body.name needs to be req.body.butt

/ needs to be /home2

Answer 3

One trick you can use is to use the two as submit buttons:

<form action="/home2" method="post">
    <button name="button_id" value="1" type="submit">butt1</button>
    <button name="button_id" value="2" type="submit">butt2</button>
</form>

On server side, you should now get value of button_id as 1 or 2, depending on which button was clicked.