Afficher la table de conversion à partir de 2 entrées

Ceci est le code que j'ai écrit en utilisant html et javascript et il obtient essentiellement la saisie (n) de la première zone de texte et convertit miles en kilomètres de 0 to n, cependant, j'ai maintenant créé un autre texte boîte qui a besoin d'une autre entrée de l'utilisateur (x) alors si l'utilisateur entre n = 3 et x = 9 il affichera les conversions de miles en kilomètres à partir de 3 jusqu'à 9 mais je ne suis pas sûr de savoir comment s'y prendre.Afficher la table de conversion à partir de 2 entrées

<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>

Source

2016-02-01 JayJay Simpson

ce que veulent réellement transmettre? –

Il suffit de passer les valeurs des deux entrées à conversionTable, la façon dont vous avez fait, et au lieu de commencer la boucle de 0, utilisez la valeur de départ:

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>

Source

2016-02-01 13:05:02 Gavriel

Afficher la table de conversion à partir de 2 entrées

Répondre

Questions connexes