multiplication table

Experts,

I'm having trouble creating the multiplication table correctly where it displays 0 * any number up to 9 is 0 -- make the bottom screen shot look like the top screenshot in attached .docx

prob something simple but completely brain dead

thanking you in advance.


 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Math Tables</title>
<style type="text/css">
<!--
#form1 table {
	text-align: center;
}
#form1 table {
	text-align: center;
}
#form1 table tr td {
	font-weight: bold;
}
#form1 table caption {
	font-weight: bold;
}
-->
</style>
</head>

<body>
<script type="text/javascript"> 
/* <![CDATA[ */


var arrayOne = new Array(11);

for (var i = 0; i <= 10; i++) {

  arrayOne[i] = i;

}

var newWindow;

function openWindow() {

  if (!(newWindow)) {

	newWindow = window.open();

  }

}

function closeWindow() {

  newWindow.document.close();

}

/* make a addition table... */
function additionTable() {

  openWindow();
  newWindow.document.write("<table border=1 cellspacing=1 cellpadding=5>");
	
  for (var i = 0; i < 11; i++) {

	newWindow.document.write("<tr>");

	for (var j = 0; j < 11; j++) {

	  newWindow.document.write("<td>" + (i + j) + "</td>");

	}

	newWindow.document.write("</tr>");

  }

  closeWindow();

}

/* make a multiplication table... */
function multiplicationTable() {

openWindow();

newWindow.document.write("<table border=1 cellspacing=1 cellpadding=5>");
     
	  for (var i = 0; i < 10; ++i) {
	 
	    newWindow.document.write("<tr>");
	 
	    for (var j = 0; j < 11; ++j) {
	 
	      newWindow.document.write("<td>" + i * j + "</td>");
	 
	    }
	 
	    newWindow.document.write("</tr>");
	 
	  }
	 
	  closeWindow();
	 
	}


/* ]]> */
</script>
<form id="form1" name="form1" method="post" action="">
  <table width="372" border="15" cellpadding="5" cellspacing="5">
    <caption>
          Addition / Multiplication Tables
    </caption>
        <tr>
          <th width="150" align="center" valign="middle" scope="col">Addition</th>
          <th width="150" align="center" valign="bottom" scope="col"><input type="submit" name="btnadd" id="btnadd" value="Submit" onclick="additionTable()" /></th>
        </tr>
        <tr>
          <td align="center" valign="middle">Multiply</td>
          <td align="center" valign="bottom"><input type="submit" name="btnmultiply" id="btnmultiply" value="Submit" onclick="multiplicationTable()" /></td>
        </tr>
  </table>
      <br />
</form>
</body>
</html>

Open in new window

screenshots.docx

dvcrduAsked:
Who is Participating?
 
jrm213jrm213Connect With a Mentor Commented:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Math Tables</title>
<style type="text/css">
<!--
#form1 table {
	text-align: center;
}
#form1 table {
	text-align: center;
}
#form1 table tr td {
	font-weight: bold;
}
#form1 table caption {
	font-weight: bold;
}
-->
</style>
</head>

<body>
<script type="text/javascript"> 
/* <![CDATA[ */


var arrayOne = new Array(11);

for (var i = 0; i <= 10; i++) {

  arrayOne[i] = i;

}

var newWindow;

function openWindow() {

  if (!(newWindow)) {

	newWindow = window.open();

  }

}

function closeWindow() {

  newWindow.document.close();

}

/* make a addition table... */
function additionTable() {

  openWindow();
  newWindow.document.write("<table border=1 cellspacing=1 cellpadding=5>");
	
  for (var i = 0; i < 11; i++) {

	newWindow.document.write("<tr>");

	for (var j = 0; j < 11; j++) {

	  newWindow.document.write("<td>" + (i + j) + "</td>");

	}

	newWindow.document.write("</tr>");

  }

  closeWindow();

}

/* make a multiplication table... */
function multiplicationTable() {

openWindow();

newWindow.document.write("<table border=1 cellspacing=1 cellpadding=5>");
     	  newWindow.document.write("<tr><td>&nbsp;</td>");
	  for(var i=0;i<11;++i)
	  {
                   newWindow.document.write("<td>" + i + "</td>");
               }
	  for (var i = 0; i < 10; ++i) {
	 
	    newWindow.document.write("<tr>");
                 newWindow.document.write("<td>" + i + "</td>"); 	 
	    for (var j = 0; j < 11; ++j) {
	 
	      newWindow.document.write("<td>" + i * j + "</td>");
	 
	    }
	 
	    newWindow.document.write("</tr>");
	 
	  }
	 
	  closeWindow();
	 
	}


/* ]]> */
</script>
<form id="form1" name="form1" method="post" action="">
  <table width="372" border="15" cellpadding="5" cellspacing="5">
    <caption>
          Addition / Multiplication Tables
    </caption>
        <tr>
          <th width="150" align="center" valign="middle" scope="col">Addition</th>
          <th width="150" align="center" valign="bottom" scope="col"><input type="submit" name="btnadd" id="btnadd" value="Submit" onclick="additionTable()" /></th>
        </tr>
        <tr>
          <td align="center" valign="middle">Multiply</td>
          <td align="center" valign="bottom"><input type="submit" name="btnmultiply" id="btnmultiply" value="Submit" onclick="multiplicationTable()" /></td>
        </tr>
  </table>
      <br />
</form>
</body>
</html>

Open in new window

0
 
BadotzCommented:
Homework?
0
 
dvcrduAuthor Commented:
teaching myself javascript, the book i'm using is less than helpful, but I'm too stubborn to have my money go to waste.  kinda like the old saying, the lawyer who represents himself has an idiot for a client.
0
Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
dvcrduAuthor Commented:
as all ways, thanks for the help!
0
 
BadotzCommented:
Pick up a copy of The JavaScript Bible by Danny Goodman, et al. Forget about the lawyers; if you want something done right, do it yourself ;-)
0
 
dvcrduAuthor Commented:
that's too cool. will do.

Thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.