Your assignment is to create a Web page that generates addition tables and multiplication tables for values zero through ten. The requirements of your page are as follows: • There should be only a single HTML file. • Include a comment in the code that includes the assignment name, your name, and the date • The web site title is Unit 3 Graded Exercise 2 • Include a header that is Your Name, Math Tables • Include an "Addition Table" button • Include a "Multiplication Table" button • Both tables should use the same window for the display of their information

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question
100%

See images. Building a table on a site using Javascript.

Your assignment is to create a Web page that generates addition tables and multiplication tables for
values zero through ten. The requirements of your page are as follows:
• There should be only a single HTML file.
• Include a comment in the code that includes the assignment name, your name, and the date
• The web site title is Unit 3 Graded Exercise 2
• Include a header that is Your Name, Math Tables
• Include an "Addition Table" button
• Include a "Multiplication Table" button
• Both tables should use the same window for the display of their information
• The header for the secondary window is "Addition Table" when the addition table is displayed
• The header for the secondary window is "Multiplication Table" when the multiplication table is
displayed
• Example web page screenshots and code for the addition table are included below
Addition Table Code:
"use strict"
function additionTable() {
var tablewin = window.open("", "MathTableDisplay",
"toolbar=no, menubar=no, location=no, scrollbar=yes, resizable=no,width=500,height=400");
tablewin. document.open();
tableWin.document.write("<h1>Your Name, Addition Table</h1>");
tablewin.document.write("<table border='1' width='100%'>");
}
// create the top header row
tableWin.document.write("<tr><th>&nbsp;</th>");
for (var i = 0; i < 11; i++) {
tableWin.document.write("<th>" + i + "</th>");
}
tablewin. document.write("</tr>");
// create the row headers and the solutions
for (i = 0; i < 11; i++) {
tableWin.document.write("<tr align='center'><td>" + i + "</td>");
for (var j = 0; j < 11; ++j) {
tablewin. document.write("<td>" + (i + j) + "</td>");
}
}
tableWin.document.write("</tr>");
tablewin.document.write("</table>");
tableWin.document.close();
tableWin. focus();
Transcribed Image Text:Your assignment is to create a Web page that generates addition tables and multiplication tables for values zero through ten. The requirements of your page are as follows: • There should be only a single HTML file. • Include a comment in the code that includes the assignment name, your name, and the date • The web site title is Unit 3 Graded Exercise 2 • Include a header that is Your Name, Math Tables • Include an "Addition Table" button • Include a "Multiplication Table" button • Both tables should use the same window for the display of their information • The header for the secondary window is "Addition Table" when the addition table is displayed • The header for the secondary window is "Multiplication Table" when the multiplication table is displayed • Example web page screenshots and code for the addition table are included below Addition Table Code: "use strict" function additionTable() { var tablewin = window.open("", "MathTableDisplay", "toolbar=no, menubar=no, location=no, scrollbar=yes, resizable=no,width=500,height=400"); tablewin. document.open(); tableWin.document.write("<h1>Your Name, Addition Table</h1>"); tablewin.document.write("<table border='1' width='100%'>"); } // create the top header row tableWin.document.write("<tr><th>&nbsp;</th>"); for (var i = 0; i < 11; i++) { tableWin.document.write("<th>" + i + "</th>"); } tablewin. document.write("</tr>"); // create the row headers and the solutions for (i = 0; i < 11; i++) { tableWin.document.write("<tr align='center'><td>" + i + "</td>"); for (var j = 0; j < 11; ++j) { tablewin. document.write("<td>" + (i + j) + "</td>"); } } tableWin.document.write("</tr>"); tablewin.document.write("</table>"); tableWin.document.close(); tableWin. focus();
}
Example of Initial Web Page (you may change the layout - the layout is at your discretion):
✔ Unit 3 Graded Exercise 2
←
CD
Apps Log In to Canvas 09 Outlook - ECPI
Your Name, Math Tables
Addition Table Multiplication Table
Unit 3 Graded Exercise 2
Clicking the "Addition Table" button produces something similar to the following (notice the
addition table is in a different window):
x +
localhost:1124/U3GE2_Solution.ht
← CD
Apps Log In to Canvas 0 Outlook - ECPI
Your Name, Math Tables
Addition Table Multiplication Table
Untitled - Google Chrome
about:blank
0
1
2
3
0
0
1
2
3
x +
localhost:1124/U3GE2_Solution.htm
1 2
1
2
2
3
3
4
4
5
Your Name, Addition Table
ECPI Z
J
3
4
5
3
4
5
4
5
6
5
6 7 8 9
6 7 8 9 10
P
ECPI Zoom N NETLAB Virtua
6 7
6
789
8
7 8
8 9
10
11
X
9 10
9 10
10
11
11 12
12 13
Transcribed Image Text:} Example of Initial Web Page (you may change the layout - the layout is at your discretion): ✔ Unit 3 Graded Exercise 2 ← CD Apps Log In to Canvas 09 Outlook - ECPI Your Name, Math Tables Addition Table Multiplication Table Unit 3 Graded Exercise 2 Clicking the "Addition Table" button produces something similar to the following (notice the addition table is in a different window): x + localhost:1124/U3GE2_Solution.ht ← CD Apps Log In to Canvas 0 Outlook - ECPI Your Name, Math Tables Addition Table Multiplication Table Untitled - Google Chrome about:blank 0 1 2 3 0 0 1 2 3 x + localhost:1124/U3GE2_Solution.htm 1 2 1 2 2 3 3 4 4 5 Your Name, Addition Table ECPI Z J 3 4 5 3 4 5 4 5 6 5 6 7 8 9 6 7 8 9 10 P ECPI Zoom N NETLAB Virtua 6 7 6 789 8 7 8 8 9 10 11 X 9 10 9 10 10 11 11 12 12 13
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 2 steps with 5 images

Blurred answer
Knowledge Booster
Hyperlinks
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education