Home Java Javascript-array JavaScript array replace element

JavaScript array replace element
Posted on: November 13, 2008 at 12:00 AM

In this Tutorial we want to describe you a code that makes you to understand array reset.

JavaScript array replace element

In this Tutorial we want to describe you a code that makes you to understand array reset. The code create you a HTML Page specifying name, text field and two button i.e. Insert and Reset. On click a insert button push ( ) and show ( ) function is invoked. The push function include a conditional loop if i.e., in case the value is null, alert box show you a message 'Name is empty', Otherwise the value entered by you in a text field is assigned to array. The count variable count the number of element inserted. The show function include an array .length( ) return you the length of an element in array. The for loop run and execute the script till variable i is less than count. The string concatenated with array and assigned to a variable string. If the length of array is greater than zero, the document.getElementById return you the element in the string on the basis of respective Id.

On click a Reset button, a reset function ( ) is invoked, this function erase or reset the value inserted by you.

JavaScript array reset.java





					 class="prettyprint lang-java">
<html>
<head>
<title>Reset Array</title>
<script>
var array = new Array();
var count = 0;
var string;
function push(val){
if(val=="")
alert("Name is emplty")
else {
array[count]=val;
count++;
}
}

function show() {
string="<hr><b>Array Length :</b><b>"+array.length+"</b><br>";
for(i = 0; i < count; i++) {
string =string+array[i]+"<br>";
}

if(array.length > 0)
document.getElementById('myDiv').innerHTML = string;
}

function resetFunction(){
array=[];
count = 0;
string="";
document.getElementById('myDiv').innerHTML = string;
}
</script>
</head>
<body>
<h2>Reset Array</h2>
<form name="form1">
<table width="407">
<tr>
<td width="154" align="right"><b>Name</b></td>
<td width="9"><b>&nbsp;:</b></td>
<td width="224">
<input type="text" name="name"/></td>
</tr>
<tr>
<td width="154" align="right">&nbsp;</td>
<td width="9">&nbsp;</td>
<td width="224">&nbsp;</td>
</tr>
<tr>
<td width="154" align="right">&nbsp;</td>
<td width="9">&nbsp;</td>
<td width="224">
<input type="button" Value=" Insert " 
onclick="push(this.form.name.value),show();"/>
<input type="button" Value=" Reset " 
onclick="resetFunction();"/>
</td>
</tr>
</table>
</form>
<div id="myDiv"></div>
</body>
</html>

Output

Download code

Related Tags for JavaScript array replace element:
html, c, string, oop, array, text, ant, function, script, null, button, insert, fun, io, include, count, make, variable, get, loop, conditional, ip, page, click, exec, tutorial, value, field, number, name, return, cli, ria, this, message, id, set, length, element, invoke, exe, oo, create, case, cas, empty, show, if, tex, condition, for, ie, alert, execute, unc, push, box, with, reset, concatenate, nat, to, getelementbyid, signed, run, ld, ci, ssi, sh, ext, e, il, sign, it, doc, des, rte, zero, li, var, wise, ul, pe, enter, in, ml, concat, as, sta, m, nt, tr, wan, sage, ca, less, cl, es, spec, em, func, ase, age, me, how, pty, cat, do, cut, describe, tor, s, urn, xe, respect, ssa, sp, ess, esp, at, k, inc, htm, is, ha, ll, iv, ray, gre, ea, and, ar, cod, code, str, rt, sa, xt, want, wis, va, tt, tutor, tw, z, scr, s, s, ri, ring, rip, th, sho, cond, st, ab, abl, asis, alu, hat, nd, ode, on, o

«Previous Index Next»