JavaScript Array Values

The Tutorial describes you a Array Values code in JavaScript. The Program
create a HTML page specifying a button name 'Display Array Values'. An array
variable instantiate an array object, that hold the element. On the click event
of button, a function display ( ) is invoked that include a variable
str. The str hold the values of the array object. The for loop
execute and run the script till the value of variable i is less than array
length.
The concatenated str and array are assigned to a variable str.
document.getElementById - This return you the element on the basis of
respective element Id.
On loading of this code, the browser displays you the value of element in str
variable.
JavaScriptArrayValues.html
<html>
<head>
<title>JavaScript Array Values</title>
<h1>JavaScript Array Values</h1>
<hr></hr>
<script>
var array=new Array();
array[0]="ROSE";
array[1]="INDIA";
array[2]=".NET";
array[3]="ROHINI";
</script>
<script>
function display()
{
var str="<br>"+"<b>"+"Array holds the
following values: "+"</b>";
for(i=0;i<array.length;i++){
str=str+"<br>"+array[i];
}
document.getElementById('myDiv').innerHTML= str;
}
</script>
</head>
<body>
<input type="button"
value="Display Array Values"
name="button1"
onClick="display()"/>
<div id ="myDiv"></div>
</body>
</html>
|
Output of the program

Download Source
code

|