On click get button Value

Question

I have a button like following

<input type='button' value='Generate' onclick='f1()' />

now the f1 function should show a alert box contain button value. in this case 'Generate'

How to do this?

I tried

alert(this);
alert(this.val());

it does not work

Answer 1

Try this.

<input type='button' value='Generate' onclick='f1(this)' />

Now alert like

function f1(objButton){  
    alert(objButton.value);
}

P.S: val() is actually a jQuery implementation of value

Answer 2

Or you do this:

<button id='button' value='Generate' onclick='f1()'>Generate</button>

Then this for javascript:

Const click = document.getElementById('button')
Function f1{
  Alert(`${click.Value}`)
}