Solved

# multiplication table

Posted on 2010-11-11
923 Views
Last Modified: 2012-05-10
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>
``````
screenshots.docx

0
Question by:dvcrdu
• 3
• 2
6 Comments

LVL 17

Accepted Solution

jrm213jrm213 earned 500 total points

``````<!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>
``````
0

LVL 29

Expert Comment

Homework?
0

Author Comment

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

Author Closing Comment

as all ways, thanks for the help!
0

LVL 29

Expert Comment

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

Author Comment

that's too cool. will do.

Thanks!
0

## Join & Write a Comment Already a member? Login.

Introduction HTML checkboxes provide the perfect way for a web developer to receive client input when the client's options might be none, one or many.  But the PHP code for processing the checkboxes can be confusing at first.  What if a checkbox is…
This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

#### 763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

#### Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!