Javascript乘法表

时间:2014-04-01 15:27:15

标签: javascript html

我想在输入中输入一个数字,然后在提示符下输入一个数字。输入上的第一个数字是应该看到表格的数字,并且应该用于提示计数表格必须计算的距离。

例如: 输入 5 提示 6 1 x 5 2 x 5 3 x 5 4 x 5 5 x 5 6 x 5

我希望你能帮助我。谢谢

您可以输入任意随机数,根据我的说法,您可以使用for循环进行最佳操作。

HTML:

<input type="submit" value="uitrekenen" onclick="Multiply(x,y);" />

的javascript:

var x=Numb er (prompt("vul een getal in"));
var y=Number (prompt("Vul een getal in"));


function Multiply(x,y){
    document.write(x*y + "<br />"); 
}

2 个答案:

答案 0 :(得分:0)

DEMO

<script type="text/javascript">
function Multiply(){
    var x = +document.getElementById('num1').value;
    var y = +(prompt("Vul een getal in"));
    var resultDiv = document.getElementById('resultDiv');
    resultDiv.value='';
    for (i=1;i<=y;i++){
       resultDiv.value += i + " x " + x + "\n";
    }
}
</script>

<input type="text" id="num1" />
<input type="button" value="uitrekenen" onclick="Multiply()" />
<textarea id="resultDiv"></textarea>

答案 1 :(得分:0)

您在HTML和Javascript中编写的语法完全混淆。

<input type='submit'>提交其所属的表单

<input type='text' name='myName' value='Initial Value'>用于输入文本,稍后可以将其转换为数字。输入的是它的价值。

任何提示都是在这些提示之前或之后写的。

使用document.write将完全覆盖您的页面。

添加<div>以包含结果。

document.getElementById()是对具有给定ID的特定<div>的引用

.innerHTML会将文字放入<div>

HTML

<form name='form1' onsubmit=mult()>
    Vul een getal in <input type='text' value='' name='input' /><br>
    Vul een getal in <input type='text' value='' name='promp' /><br>
    <input type='submit'>
</form>

<div id='answer'></div>

的Javascript

function mult() {
    var tableList='';
    var base=parseInt(document.forms['form1']['input'].value); //parseInt to convert string to integer
    var howMany=parseInt(document.forms['form1']['prompt'].value);
    for(var i=1; i<=howMany; i++) {
        tableList += i+'x'+base+' ';
    }
    document.getElementById('answer').innerHTML=tableList;

建议您找到HTML和Javascript的基本教程