Make HTML hidden input visible

Question

I want to change an invisible HTML input in to visible when I click a button as shown below.

My HTML line that create the hidden input is:

Answer 1

You should change the type of input element as :

 y.setAttribute('type','text'); 
 //or
 y.type = 'text';

1) Either user java script inside body tag as below :

OR

2) Use some event handler such as onload

...

so that the DOM is ready.