如何使用JavaScript在新窗口中从主页打开功能？

如何解决如何使用JavaScript在新窗口中从主页打开功能？

我试图弄清楚如何使按下按钮时打开JavaScript函数的HTML Button在新选项卡中打开这些函数，因此我可以返回并单击新按钮。这是为大学分配的，教授不希望一页以上，而必须打开该功能（分别将加法表和乘法表打开）。

我一直在尝试从使变量全局化到将变量嵌套到main（）变量中的所有方法，但没有任何效果。它指出未定义加法和乘法函数。

我是JavaScript的新手，因为这是我的第一学期，如果这很基础，我深表歉意。

<!DOCTYPE html>
<head>
<title>Math Tables</title>
<script type="text/javascript">
function multiplicationTable(table){
    document.write("<table border='1' width='300' cellspacing='0' cellpadding='3'>");
    document.write("<tr>");
    document.write("<td> * </td>");
    for (x = 1; x <=10; x++){
    document.write("<td>"+ x +"</td>");
    }
for (y = 1; y <= 10; y++) {
    document.write( "<tr>");
    document.write( "<td>" + y + "</td>");
for (z = 1; z <= 10; z++) {
    document.write("<td>" + (y * z) + "</td>");
    }
    document.write( "</tr>");
    }
    document.write( "</table>");
}

function additionTable(){
    document.write("<table border='1' width='300' cellspacing='0' cellpadding='3'>");
    document.write("<tr>");
    document.write("<td> * </td>");
for (x = 1; x <=10; x++){
    document.write("<td>"+ x +"</td>");
}

for (y = 1; y <= 10; y++) {
    document.write( "<tr>");
    document.write( "<td>" + y + "</td>");
for (z = 1; z <= 10; z++) {
    document.write("<td>" + (y + z) + "</td>");

        }
    }   
}

</script>
</head>
<body>
<h1>Math Tables</h1>

<p>
<input type="button" value="Addition Table" id="addition" onclick="additionTable();"/><br />
<input type="button" value="Multiplication Table" id="multiplication"onclick="multiplicationTable();" /></p>

</body>
</html>