how to use single button click to change placeholder and capture new data on same button click event

Question

<div id="abc" class="first">
           <input type="text" placeholder="Number" id="no" class="contact">
           <input type="text" placeholder="Pass"  id="pass" class="password">
 <div class="btn1" role="group">
         <button type="button" onclick="change()" class="btnregi">Register 
        </button>
  </div>  

    ----------
    javascript function
    var entry=0;
    function change()
        {

         if(entry==0)
      {
       document.getElementById("no").placeholder = "Enter user name...";
       document.getElementById("pass").placeholder = "Enter user password";
       entry++;
      }
       else 
       {
          var newuser=document.getelementById("no").value;
          var newpass=document.getelementById("pass").value;
          alert("you entered new username"+newuser);
          alert("you entered new password"+newpass);
       }

i want to change placeholder values onclick event and again with same button click and method i want fetch input data. i attached my code but it wont working.

score 2 · Answer 1 · answered Aug 15 '17 at 04:00

You had misspelled the getElementById in these two lines. Apart from that the code seems to be working fine to me.

var newuser = document.getElementById("no").value;
var newpass = document.getElementById("pass").value;

var entry = 0;

function change() {

  if (entry == 0) {
    document.getElementById("no").placeholder = "Enter user name...";
    document.getElementById("pass").placeholder = "Enter user password";
    entry++;
  } else {
    var newuser = document.getElementById("no").value;
    var newpass = document.getElementById("pass").value;
    alert("you entered new username: " + newuser);
    alert("you entered new password: " + newpass);
  }
}

<div id="abc" class="first">
<input type="text" placeholder="Number" id="no" class="contact">
<input type="text" placeholder="Pass" id="pass" class="password">
<div class="btn1" role="group">
  <button type="button" onclick="change()" class="btnregi">Register 
        </button>
</div>

how to use single button click to change placeholder and capture new data on same button click event

1 Answers1