Javascript乘法时间表
我试图为输入框中输入的任何数字创建Javascript乘法时间表。因此，当我点击“生成”按钮时，它将产生一个从1到12的数字乘法，然后用HTML打印结果。 然后，输出结果将打印在HTML表中。到目前为止，我已经创建了以下代码Javascript乘法时间表,javascript,html,Javascript,Html,我试图为输入框中输入的任何数字创建Javascript乘法时间表。因此，当我点击“生成”按钮时，它将产生一个从1到12的数字乘法，然后用HTML打印结果。 然后，输出结果将打印在HTML表中。到目前为止，我已经创建了以下代码 <!DOCTYPE HTML PUBLIC> <html> <head> <META http-equiv="Content-Type" content="text/html; charset=utf-8"> <tit
<!DOCTYPE HTML PUBLIC>
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>5 Multiplication Table</title>
<!--<script type="text/javascript" src="timetable.js"></script> -->
</head>
<body>
<script>
function timesTable(){
for (var i = 0; i <= 12; i++){
var number1 ={}; //Empty placeholder for input
var number1 = +document.getElementById("number1").value;
var input = number1 * i;
var generate = +document.getElementById("answers").value = input;
}
}
</script>
<table>
<tr>
<td>Time Table for:</td>
<td>
<input type="text" id = "num1" /></td>
<td rowspan="2">
<input type="button" value="Generate" onclick="timesTable()"/>
</td>
<td style="text-align:right" id="answers">Time Table:</td>
</tr>
</table>
</body>
</html>
5乘法表
函数timesTable（）{
对于（var i=0；i首先，您必须将用户的输入解析为一个值-parseFloat
或parseInt
，这取决于您想要的是浮点值还是整数值
其次，您可能需要为每个乘数和乘积创建一个新的表行：例如
<tr><td>0</td><td>0</td></tr>
<tr><td>1</td><td>42</td></tr>
<tr><td>2></td><td>84</td></tr>
要删除所有/任何以前的TimeTable行（），请执行以下操作
$('#mytable').append("<tr class='timestable'>...</tr>")
$（'#mytable'）。追加（“…”）
要写出新的（或第一个）时间表（）的每一行，之前我让它工作，但是用户没有输入数字。代码如下：5乘法表var fiveTimesTable=[1,2,3,4,5,6,7,8,9,10,11,12]（var i=0；我请在注释中引用代码时使用类似的方法。另外，您还没有实际说明问题所在。您是否收到任何错误？输出结果是否与您期望的不符？我的代码没有显示我在单击“生成”按钮时在输入框中输入的数字的任何输出您希望使用Chrome或类似fe中的错误控制台你可以在另一个浏览器中调试它。这样你就可以看到当你按下按钮时抛出的错误。马上，当我把它放到JSFIDLE中并打开Chrome控制台时（右键单击，检查元素，控制台选项卡）我注意到了第一个错误——“num1”对“number1”。我需要一个Javascript版本——一个比使用JQuery的声明性方法更实用的方法。JQuery不是编程的吗？归根结底，JQuery与任何其他Javascript方法有何不同？JQuery是Javascript，只是一个方便的库。你可以用原生函数做同样的事情但是，除了非常不方便之外，这为各种跨浏览器问题打开了大门。相信我，作为一个前反jqueryer，你希望jquery解决这个问题。
$('#mytable').append("<tr class='timestable'>...</tr>")