动态转换图表

时间:2014-03-06 17:53:02

标签: javascript dynamic html-table

我需要创建一个从摄氏度到华氏度的转换图表。要做到这一点,我需要使用javascript来提示用户输入三件事:以摄氏度开始临时,结束,以及显示它的间隔。例如:

start:100
end:10
interval:10

100   conv
90    conv
80    conv
70    conv
...   conv
10    conv

此外,此数据需要显示在表格中。我们的教练没有教我们如何动态更改或创建html或css元素,所以我对如何获得不需要的特定数量的cols和行以及如何获取数据的方式感到有些失落。转换前后的正确位置。

请帮忙!

编辑所以我一直在尝试,到目前为止,我有一些东西。它看起来像:

    <script language = "javascript" type="text/javascript">

    function prompts()
    {
        var startingTemp = prompt("Please enter the starting temperature.","Degrees Celsius");
        var endingTemp = prompt("Please enter the ending tempurature.","Degrees Celsius");
        var intervalTemp = prompt("What interval do you wish to display between the two?","Interval Number");
    }

    function table()
    {
        var myTable= "<table><tr><th>Celsius</th>";
        myTable+= "<th>Farhenheit</th></tr>";

        myTable+= "<tr><td>"+startingTemp"</td>";
        myTable+= "<td>212</td></tr>";

        myTable+= "</table>";

        document.write(myTable);
    }

    prompts();
    table();
    </script>

然而,我有“+ startingTemp”的行以某种方式混淆了它并且不会打印任何东西。包含这个,表格不再打印,我重新加载页面时也没有提示。我只是想在那里显示startingTemp的值。

0 个答案:

没有答案