2 次用户输入的展示广告转化 table

Display conversion table from 2 user inputs

这是我使用 html 和 javascript 编写的代码,它实质上是从第一个文本框中获取用户输入 (n) 并将英里从 [=13 转换为公里=],但是,我现在创建了另一个文本框,它需要另一个用户输入 (x),因此如果用户输入 n = 3x = 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>

只需按照您的方式将两个输入的值传递给 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>