使用提示生成表并根据输入向其添加内容

时间:2013-09-02 07:39:14

标签: javascript html input prompt tabular

我需要使用Javascript在提示窗口中根据用户输入生成表格。

这是用于家庭作业,我们没有涵盖jQuery或函数脚本等内容,我们所做的只是基本的计算脚本,老师要求我们使用类似的方法来解决我们的问题问题。

我用谷歌搜索并试图从我发现的东西中解决它,但我并不特别想要使用我们尚未教授的方法,而我发现的一种方法确实有效,远比那些方法更先进我们在课堂上做过。我只知道,如果我问老师他不会很有帮助。

这是我到目前为止所做的,并且它生成了一个输入时间表的列表,最多10个,但是我需要将这些数据放在一个表中,我需要知道的是我需要的地方document.write标签将数字生成到表中?

可以用一些简单的命令完成吗?或者它比我们迄今为止所教的更先进?

<html>
<body bgcolor=#66ccff text=#ff6600>

    <script type="text/javascript">

    var number = prompt("Please enter a number:");

    for (i=1; i <= 10; i++)
    {document.write( number + " x " + i + " = " + i*number + "<br>");};


    </script>

</body>
</html>

2 个答案:

答案 0 :(得分:0)

这样:

<html>
<body bgcolor="#66ccff" text="#ff6600">

    <script type="text/javascript">

    var number = prompt("Please enter a number:");

    document.write('<table border="1">');
    for (i=1; i <= number; i++) {
        document.write('<tr><td>' + number + " x " + i + "</td><td>=</td><td>" + i*number + "</td></tr>");
    };
    document.write('</table>');


    </script>

</body>
</html>

答案 1 :(得分:-1)

我刚刚为未定义的数字指定了2,所以在第一次运行时你没有错误

<script type="text/javascript">

var number = prompt("Please enter a number:");

if(number == undefined)
  number =2;

for (i=1; i <= 10; i++)
{document.write( number + " x " + i + " = " + i*number + "<br>");};


</script>

jsbin链接在这里:https://jsbin.com/puvitinaxi/edit?html,output