显示来自 2 个用户输入的转换表答案

【问题标题】：Display conversion table from 2 user inputs显示来自 2 个用户输入的转换表
【发布时间】：2016-02-01 12:56:15
【问题描述】：

这是我使用 html 和 javascript 编写的代码，它基本上从第一个文本框中获取用户输入 (n) 并将英里从 0 to n 转换为公里，但是，我现在创建了另一个需要的文本框另一个用户输入(x) 那么如果用户输入n = 3 和x = 9 它将显示从3 一直到9 从英里到公里的转换，但我不知道该怎么做那。

<html>
<head>
<script>
function conversion(n)
{
  <!--if(n<=1) return 1;-->
  return n/0.62137;
}

function conversionTable(range)
{
  divStr="<table border=1><tr><td>Miles</td><td>Kilometres</td></tr>";
  for(i=0;i<=range;i++)
    divStr+="<tr><td>" + i + "</td><td>" + conversion(i) + "</td></tr>";
  document.getElementById("divResult").innerHTML=divStr;
}

function getnputValue()
{
  return document.getElementById("rangeTxt").value;
}
</script>
</head>
<body>
<p>
    Start : <input type=textbox id=rangeTxt value=""/>
    Finish : <input type=textbox id=rangeTxt2 value=""/>
    <br>
    <button onClick="conversionTable(getnputValue())">Press to get     result</button>
</p>
<div id="divResult">
</div>
</body>
</html>

【问题讨论】：

真正想传达什么？

标签： javascript html dynamic-data

【解决方案1】：

只需将两个输入的值都传递给conversionTable，就像你做的那样，而不是从0开始循环，而是使用起始值：

function conversion(n)
{
  <!--if(n<=1) return 1;-->
  return n/0.62137;
}

function conversionTable(rangeStart, rangeEnd)
{
  divStr="<table border=1><tr><td>Miles</td><td>Kilometres</td></tr>";
  for(i=rangeStart;i<=rangeEnd;i++)
    divStr+="<tr><td>" + i + "</td><td>" + conversion(i) + "</td></tr>";
  document.getElementById("divResult").innerHTML=divStr;
}

function getnputValue()
{
  return document.getElementById("rangeTxt").value;
}

<p>
    Start : <input type=textbox id=rangeTxt value=""/>
    Finish : <input type=textbox id=rangeTxt2 value=""/>
    <br>
    <button onClick="conversionTable(getnputValue(), document.getElementById('rangeTxt2').value)">Press to get     result</button>
</p>
<div id="divResult">
</div>

【讨论】：