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

时间:2016-02-01 12:56:16

标签: javascript html dynamic-data

这是我用html和javascript编写的代码,它基本上从第一个文本框中获取用户输入(n)并将里程转换为距离0 to n的里程数,但是,我现在创建了另一个需要其他用户输入(x)的文本框,以便当用户输入n = 3x = 9时,它会显示从3一直到{的从英里到公里的转换{1}}但我不知道该怎么做。

9

1 个答案:

答案 0 :(得分:0)

只需将两个输入值传递给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>