Question

我想创建一个带有JavaScript的页面，其中有一个按钮，表示“乘法表”。当我单击按钮时，乘法表5将显示在“p”标签中，其id为“tables”。我想使用for循环来计算表。单击按钮时没有任何事情发生。

HTML：

<body>
<button type="button" id="multiplication" onclick="table()">Multiplication Tables</button>
<br/>
<p id="tables"></p>
</body>
</html>

JavaScript的：

function table()
{
var button = document.getElementById('multiplication');

var showTables = '';
for (var i=1; i<12; i++) {
showTables += 5 + "*" + i +"="+5*i + '\n';
}
var p_tables = document.getElementById('tables').innerHTML = showTables;
}
table();

Answer 1

单击下面的运行代码段按钮检查此代码段，我认为它工作正常

function table()
{
var button = document.getElementById('multiplication');

var showTables = '';
for (var i=1; i<12; i++) {
showTables += 5 + "*" + i +"="+5*i + '\n';
}
var p_tables = document.getElementById('tables').innerHTML = showTables;
}

<html>
<body>
<button type="button" id="multiplication" onclick="table()">Multiplication Tables</button>
<br/>
<p id="tables"></p>
</body>
</html>

您在正文之前缺少html标记，并且您的javascript包含可能存在一些问题，并且在声明之后也不要运行table（）函数。

将脚本放在head标签中或关闭正文之前。声明后删除table（）函数调用。

使用按钮显示乘法表

1 个答案: