var playArea; var inY; var inX; var vLabel; var doc = document; var sizeX = 20; // size of collumns var sizeY = 10; // size of rows var grid; function initailize2D(x, y) { grid = new Array(y); // set collumn array for(r=0; r 0) { gv.x+=amount; if(gv.x >= sizeX) { gv.x = sizeX-1; } } vLabel.innerHTML = "("+gv.x+", "+gv.y+")"; draw(); } /* add an amount to gv.y*/ function yPlus(amount){ if(amount < 0) { gv.y+=amount; if(gv.y < 0) { gv.y = 0 } } else if(amount > 0) { gv.y+=amount; if(gv.y >= sizeY ) { gv.y = sizeY-1; } } vLabel.innerHTML = "("+gv.x+", "+gv.y+")"; draw(); } /* called on click. gets value from input boxes then instantiates a new 2d array and draws it */ function changeSize(){ var x = parseInt(inX.value, 10); // convert intX.value to base 10 int var y = parseInt(inY.value, 10); // convert intX.value to base 10 int if(isNaN(x)== true) { x = 1; } if(isNaN(y)== true) { y = 1; } if(x < 0){x=1;} else if(x > 25){x=25} if(y < 0){y=1;} else if(y > 25){y=25} // check safe values sizeX = x; sizeY = y; gv = new gridVector2(0,0); initailize2D(x, y); draw(); } /*onload is a good way to initialize element variables*/ window.onload=function(){ alert("This page creates a 2 dimensional array"); alert("A 2d array is an array in which each of it's values contain an array"); alert("Use the inputs to set a size") playArea = doc.getElementById("playArea"); inY = doc.getElementById("inY"); inX = doc.getElementById("inX"); vLabel = doc.getElementById("vLabel"); initailize2D(sizeX, sizeY); draw(); }

2 Dimensional Array ex