Aqua-Soft Forums

[help] Mutiplication Table

Help! This is an interactive table in Javascript... I looked at the javaScript Console and it sais the variable "hohen" is no declaired.....

Here is my source code so far.

<html>
<head>
<title>Umm…… OK </title>
</head>
<body>
<form name=homie>
Row Starting Value:
<input type=text size=10 name=rowstart onchange="row.value=this.value"><br>
Column Starting Value :
<input type=text size=10 name=colstart onchange="col.value=this.value"><br>
Row Increment :
<input type=text size=10 name=rowinc onchange="rowinc.value=this.value"><br>
Column Increment :
<input type=text size=10 name=colinc onchange="colinc.value=this.value"><br>
Number of Columns :
<input type=text size=10 name=colnum onchange="colnum.value=this.value"><br>
Number of Rows :
<input type=text size=10  name=rownuminput onchange="rownum.value=this.value"><br>
<input type=hidden value="" name=row>
<input type=hidden value="" name=col>
<input type=hidden value="" name=rowinc>
<input type=hidden value="" name=colinc>
<input type=hidden value="" name=colnum>
<input type=hidden value="" name=rownum>
<br><br>
<input type=button value="¡7§ m@7h 7¡m€11111 EXCLAITION POINT1" name=nizzame onclick=Hohen()>
</form>
<script language=javascript>
function table()
{
var startrow=document.homie.row.value
var startcol=document.homie.col.value
var rowinc=document.homie.rowinc.value
var colinc=document.homie.colinc.value
var colnum=document.homie.colnum.value
var rownum=document.homie.rownum.value
var hohen="";
alert(hohen)
hohen+="<table cellpadding=5 border=1 bordercolor=#000000>";
hohen+="<tr><td>*</td>";

for(var a=0;a<(colnum-1);a++)
{
hohen+="<td>"+ (startcol*1+(a*colinc))+"</td>";
}

hohen+="</tr>";
	for(var c=0;c<(colnum-1);c++)
	{
	hohen+="<tr><td>" + (startrow*1+(c*rowinc)) + "</td>";
  for(var r=0;r<(rownum*1-1);r++)
 	 {
 	 hohen+="<td>" + (startrow*1+(r*rowinc))*(startcol*1+(c*colinc)) + "</td>";
 	 }
	hohen+="</tr>";
	}
hohen+="</table>";
document.write(hohen)
}
</script>
</body>
</html>

Anyhelp would be appreciated... Thank you!

#161123

It says 'Hohen is not defined' because it is not a defined function. Just change the onclick function to table().

edit: I'm not clear why the script requires the hidden input types. With the way it is now, you can't easily make changes unless you load a new page. I believe the conflict lies in the fact that you have 2 input names used twice.

<html>
<head>
<title>Umm…… OK </title>
</head>
<body>
<form name=homie>
Row Starting Value: <input type=text size=10 name=rowstart><br>
Column Starting Value : <input type=text size=10 name=colstart><br>
Row Increment : <input type=text size=10 name=rowinc><br>
Column Increment : <input type=text size=10 name=colinc><br>
Number of Columns : <input type=text size=10 name=colnum><br>
Number of Rows : <input type=text size=10  name=rownuminput><br>

<br><br>
<input type=button value="Build Table" name=nizzame onclick=table()>
</form>
<script language=javascript>
function table()
{
var startrow=document.homie.rowstart.value
var startcol=document.homie.colstart.value
var rowinc=document.homie.rowinc.value
var colinc=document.homie.colinc.value
var colnum=document.homie.colnum.value
var rownum=document.homie.rownuminput.value
var hohen="";
hohen+="<table cellpadding=5 border=1 bordercolor=#000000>";
hohen+="<tr><td>*</td>";

for(var a=0;a<(colnum-1);a++)
{
hohen+="<td>"+ (startcol*1+(a*colinc))+"</td>";
}

hohen+="</tr>";
for(var c=0;c<(colnum-1);c++)
{
hohen+="<tr><td>" + (startrow*1+(c*rowinc)) + "</td>";
 for(var r=0;r<(rownum*1-1);r++)
  {
  hohen+="<td>" + (startrow*1+(r*rowinc))*(startcol*1+(c*colinc)) + "</td>";
  }
hohen+="</tr>";
}
hohen+="</table>";
document.write(hohen)
}
</script>
</body>
</html>

#161147