抓取输入到字符串的值

时间:2017-10-01 04:45:27

标签: javascript html

我正在完成一个包含以下代码的项目。所有需要修复的是每一行的开始。例如,如果我使用输入“8”,它将不会显示完整的工作线,而是每行以加号开头。具有要点的另一方也是如此。我希望保留要点,但每行都有我的输入值。我已经尝试使用id作为我的值,但它没有成功。

非常感谢任何建议或协助,

干杯。

<html>
<head>
</head>
<body>

<h2 style="color:blue;">Enter an integer from 1 to 9:</h2>

<input type="text" id="multipleOf" value="">

<button onclick="multiplier()">Generate Times Table</button>

<div style="color:blue;" id="multTable"> <h2>Multiplication Table</h2> </div>

<script type="text/javascript">
//<![CDATA[
function multiplier() {
var mult = document.getElementById('multipleOf').value;
var str = '<table border="0" width="100%"><tr><td>';
str += '';
str += '';
for (var i=1; i<10; i++) {
str += '<br />';
str += '' + ' x ' + i + ' = ';
str += mult * i;
str += '';
str += '';
}
str += '</td><td>';
for (var i=1; i<10; i++) {
str += '<br />';
str += '&bull;' + ' x ' + i + ' = ';
str += mult * i;
str += '';
str += '';
}
str += ''
str += '</td></tr></table>';
document.getElementById('multTable').innerHTML = '<h2>Multiplication 
Table</h2>'+str;
}
//]]>

</script>

</body>
</html>

1 个答案:

答案 0 :(得分:0)

mult已包含第一个操作数,因此只需将其添加到循环中的str

for (var i = 1; i < 10; i++) {
    str += "<br />";
    str += mult + " x " + i + " = "; // Concatenating mult here.
    str += mult * i;
    str += "";
    str += "";
}

for (var i = 1; i < 10; i++) {
    str += "<br />";
    str += mult + "&bull;" + " x " + i + " = "; // Concatenating mult here.
    str += mult * i;
    str += "";
    str += "";
}