2 次用户输入的展示广告转化 table
Display conversion table from 2 user inputs
这是我使用 html 和 javascript 编写的代码,它实质上是从第一个文本框中获取用户输入 (n)
并将英里从 [=13 转换为公里=],但是,我现在创建了另一个文本框,它需要另一个用户输入 (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>
只需按照您的方式将两个输入的值传递给 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>
这是我使用 html 和 javascript 编写的代码,它实质上是从第一个文本框中获取用户输入 (n)
并将英里从 [=13 转换为公里=],但是,我现在创建了另一个文本框,它需要另一个用户输入 (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>
只需按照您的方式将两个输入的值传递给 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>