I am very new to JavaScript and I need to create a dynamic HTML table using the values entered by the user, this is for a Lab.
Here is what I have so far and it does not work. I truly do not know what I am doing. Any help would be greatly appreciated.
</head>
<body>
<script type="text/javascript">
var border=document.lab3form.border.value
var cellspacing= document.lab3form.cellspacing.value
var numbercells= document.lab3form.numbercells.value
function createTable() {
if (lab3form.border.value < 0 || lab3form.border.value > 5 ) {
alert ("Enter a border value between 0 and 5");
return 0;
}
else {var border = lab3form.border.value;
}
if (lab3form.cellspacing.value < 3 || lab3form.cellspacing.value > 10 ) {
alert ("Enter a cellspacing value between 3 and 10");
return 0;
}
else { var cellspacing = lab3form.cellspacing.value;
}
if (lab3form.numbercells.value > 99 || lab3form.numbercells.value < 0 ){
alert ("Number of table cells must be a positive number less than 100");
return 0;
}
else {var numbercells = lab3form.numbercells.value;
}
document.write ("<table align=\"center\"border=\"" + border + "\" cellspacing=\'' "+ cellspacing + "\">");
document.write ("<tr>");
for ( x=1; x <= cells; x++ ){
document.write ("<td>" + x + "</td>");
if (x % 3 == 0 ){
document.write ("</tr><tr>");
}
}
document.write ("</tr></table>");} //end function createTable ()
Thank you for anything you may be able to help me with.
<script type="text/javascript">
var border=document.lab3form.border.value
var cellspacing= document.lab3form.cellspacing.value
var numbercells= document.lab3form.numbercells.value
function createTable() {
if (lab3form.border.value < 0 || lab3form.border.value > 5 )
{
alert ("Enter a border value between 0 and 5");
return 0;
}
else
var border = lab3form.border.value;
if (lab3form.cellspacing.value < 3 || lab3form.cellspacing.value > 10 )
{
alert ("Enter a cellspacing value between 3 and 10");
return 0;
}
else
var cellspacing = lab3form.cellspacing.value;
if (lab3form.numbercells.value > 99 || lab3form.numbercells.value < 0 )
{
alert ("Number of table cells must be a positive number less than 100");
return 0;
}
else
var numbercells = lab3form.numbercells.value;
document.write ("<table align=\"center\" border=\"" + border + "\" cellspacing=\""+ cellspacing + "\">");
document.write ("<tr>");
for ( x=1; x <= numbercells; x++ )
{
document.write ("<td>" + x + "</td>");
if (x % 3 == 0 )
document.write ("</tr><tr>");
}
document.write ("</tr></table>");} //end function createTable ()
</script>
I found what was wrong, my var needs to be under the function.