Question

Im having an issue using Java script to create a table that displays an array. I must use an external Javascript file to create the array, and use a for loop to create and populate a table. The issue I am having is nothing is happening inside of the script tags. I can write “Document.write(‘Hellow World!’)” and nothing happens. So not surprise when i try to create the for loop with the array, nothing happens. Any help would be appreciated. This is my first time using Javascript in this manner and the notes that professor provided hold no relevant information on how to go about creating a tab;e using a for-loop.

myarray.js

var classArray = new Array();
classArray[0] = "CST415 Software Enterprise II";
classArray[1] = "CST420 Foundations for Distruibuted Web Applications in Java"
classArray[2] = "CST433 Database Technology"
classArray[3] = "Ethics and Professional Computing"
classArray[4] = "Introdiction to Graphics Programming"

Suspect Code:

<table class="classes">
    <tr>
        <td>
            Classes Taken for Computer Science Major
        </td>
    </tr>
        <script type="text/javascript" src="myarray.js" >
            for(var i=0; i<5;i++){
                document.write('<tr><td>');
                document.write(classArray[i]);
                document.write('</td></tr>');

            }
        </script>
</table>

Answer 1

You can’t have a single <script> both load an external .js file (via the src= attribute) AND contain its own in-line code (your for loop). You must split this into two parts:

<script type="text/javascript" src="myarray.js"></script>
<script type="text/javascript">
   for (...) {
      ....
   }
</script>