Javascript Html Event handling -


when use code, unable display data upon clicking display button. code supposed save input upon clicking next button , display array upon clicking display , clear array when clicking clear. how go resolving this? whenever click buttons nothing happens. want display array inside text area.

     <html>       <head>       <script language = "javascript">         var full_name;       var dob;       var gender;       var memberlist= new array();         function savemember() {         // getelementbyid may used 1 item @ time       // store .value in variable        full_name = document.getelementbyid('full_name').value;        dob = document.getelementbyid('dob').value;        gender = document.getelementbyid('gender').value;         // add values array        // (when storing contents of variable, use variable name     without quotes)        memberlist.push(full_name, dob, gender);         }         function displaymembers() {        var str = " ";        var listlength = memberlist.length;         // append elements in array single string       for(var = 0; < listlength; i+=3) {        str += memberlist[i]+", "+memberlist[i+1]+", "+memberlist[i+2]+"\n";       }         // replace contents of textarea value in str        document.getelementbyid("textbox").value = str;         }          function clearlist() {          memberlist = [];      }         </script>         <title>internet technologies club member list </title>       </head>       <body>       <form name = "memberform">       <h1>       internet technologies club member list        </h1>         full name: <input type = "text" id = "full_name" value = ""/>       date of birth: <input type = "text" id ="dob" value = ""/>       <br>       gender: <input type = "text" id = "gender" value = ""/>       <br>       <textarea id = "textbox" rows = "10" cols = "70">       </textarea>       <br>       <input type = "button" value = "next" onclick ="savemember()"></button>       <input type = "button" value = "display" onclick ="displaymembers()">       </button>       <input type = "button" value = "clear" onclick ="clearlist()"></button>       </form>       </body>       </html>

your code working..remove </button> in html

i thing expecting this: declare array var memberlist= [];.if click clear button array empty , textarea empty.if need empty array.remove document.getelementbyid("textbox").value=""; in clearlist()

var full_name;       var dob;       var gender;  var full_name;       var memberlist= [];         function savemember() {         // getelementbyid may used 1 item @ time       // store .value in variable        full_name = document.getelementbyid('full_name').value;        dob = document.getelementbyid('dob').value;        gender = document.getelementbyid('gender').value;         // add values array        // (when storing contents of variable, use variable name     without quotes)        memberlist.push(full_name, dob, gender);         }         function displaymembers() {        var str = " ";        var listlength = memberlist.length;         // append elements in array single string       for(var = 0; < listlength; i+=3) {        str += memberlist[i]+", "+memberlist[i+1]+", "+memberlist[i+2]+"\n";       }          document.getelementbyid("textbox").value = str;         }          function clearlist() {          memberlist = [];        document.getelementbyid("textbox").value="";        }
<form name = "memberform">       <h1>       internet technologies club member list        </h1>         full name: <input type = "text" id = "full_name" value = ""/>       date of birth: <input type = "text" id ="dob" value = ""/>       <br>       gender: <input type = "text" id = "gender" value = ""/>       <br>       <textarea id = "textbox" rows = "10" cols = "70">       </textarea>       <br>       <input type = "button" value = "next" onclick ="savemember()">       <input type = "button" value = "display" onclick ="displaymembers()">             <input type = "button" value = "clear" onclick ="clearlist()">       </form>


Comments

Popular posts from this blog

sql server - Cannot query correctly (MSSQL - PHP - JSON) -

php - trouble displaying mysqli database results in correct order -

C++ Linked List -