Link to home
Create AccountLog in
Avatar of dvcrdu
dvcrduFlag for United States of America

asked on

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

ASKER CERTIFIED SOLUTION
Avatar of jrm213jrm213
jrm213jrm213
Flag of United States of America image

Link to home
membership
Create a free account to see this answer
Signing up is free and takes 30 seconds. No credit card required.
See answer
Homework?
Avatar of dvcrdu

ASKER

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.
Avatar of dvcrdu

ASKER

as all ways, thanks for the help!
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 ;-)
Avatar of dvcrdu

ASKER

that's too cool. will do.

Thanks!