Get value from input with onclick

Question

How can I get the value of input on click using vanilla javascript?

function getvalue() {
  console.log(this.val);
}

<input type="text" onclick="getvalue()" value="asdf"></input>
<input type="text" onclick="getvalue()" value="asdf2"></input>
<input type="text" onclick="getvalue()" value="asdf3"></input>

Answer 1

Use event.target.value inside your function call

When function gets called event object is passed to the function. event.target identifies which element called the function.

function getvalue() {
   console.log(event.target.value);
}

<input type="text" onclick="getvalue()" value="asdf"></input>
<input type="text" onclick="getvalue()" value="asdf2"></input>
<input type="text" onclick="getvalue()" value="asdf3"></input>