Share on Google+Share on Google+

JavaScript array size

In this Tutorial we want to describe you a code that help you in understanding JavaScript array Size.

JavaScript array size


In this Tutorial we want to describe  you a code that help you in understanding JavaScript array Size. The code shows you a HTML Page  Array  Length, The HTML Page include the name ,text field and a insert button. On clicking the insert button, a function push( ) and show( ) is invoked, The push method include the conditional operator if. This operator evaluate that if the value is equal to null ,a dialog box  appear with the alert message "Name is empty". Otherwise the numbers of  value entered by you is assigned to array [count].

The function show( ) include the variable string return you the length of an array. The for loop executes and run the script till the variable i is less than variable count. The concatenated value of str and array are assigned to a string.

 1) document.getElementById  -  This method Returns you the element whose ID is given by.

JavaScript array size.html

        <title>Array Length</title>
            var array = new Array();
            var count = 0;
            function push(val){
                    alert("Name is empty")
                else {

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

                if(array.length > 0)
                    document.getElementById('myDiv').innerHTML = string;
        <h2>Array Length</h2>
        <form name="form1">
            <table width="407">
                    <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>
                    <td width="154" align="right">&nbsp;</td>
                    <td width="9">&nbsp;</td>
                    <td width="224">&nbsp;</td>
                    <td width="154" align="right">&nbsp;</td>
                    <td width="9">&nbsp;</td>
                    <td width="224">
                        <input type="button" Value=" Insert " 
        <div id="myDiv"></div>


Download code


Posted on: November 13, 2008 If you enjoyed this post then why not add us on Google+? Add us to your Circles

Share this Tutorial Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Discuss: JavaScript array size  

Post your Comment

Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image