get the text entered in input box using java-script

Question

I'm new to javascript I'm trying to create a web page where we can enter name in an input box and using javascript's alert method show an alert box which says hello and the name that we entered in the input box my code is

    //html
<input id="test" type="text" name="nm" placeholder="Enter name">
<button onclick="fun(i dont know what to pass here in order to get the text entered in that text box)" type="button" name="button">Click here</button>

   //javascript
//i tried like this...first

function fun(x) {
  alert("HELLO" + x);
}

//i tried this...then
var x = document.getElementsById("test").value; [->here i also dono what to put.]

function fun(x) {
  alert("HELLO" + x);
}

Answer 1

It should be getElementById instead of getElementsById . I hope this helps, and happy learning :)

Your code:

 function fun() { var textInTest = document.getElementById("test").value; alert("Value entered" + textInTest); }

 <input id="test" type="text" name="nm" placeholder="Enter name"> <button onclick="fun()" type="button" name="button">Click here</button>