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
Post a Comment