降序排序表以及JavaScript中的升序

所以我創建了一個動態JavaScript表，它可以與HTML一起使用來創建邁爾斯到KM轉換器。我的表格當前運行升序，但我不確定如何使其運行降序，因爲用戶應該有選項。我相當確信在for循環中是這樣的，但我想知道是否有人可以幫我解決這個問題。降序排序表以及JavaScript中的升序

function milesConverterAsc(tagId, from, to){ 

var first = document.getElementById("Input1"); 
var second = document.getElementById("Input2"); 
from = parseInt(first.value); 
to = parseInt(second.value); 
var conv = document.getElementById(tagId); 
var tab = document.createElement("table"); 
var bod = document.createElement("tbody"); 
var thed = document.createElement("thead"); 
tab.appendChild(thed); 
tab.appendChild(bod); 
var tr = document.createElement("tr"); 
thed.appendChild(tr); 
var th = document.createElement("th"); 
tr.appendChild(th); 
th.appendChild(document.createTextNode("Miles")); 
th = document.createElement("th"); 
tr.appendChild(th); 
th.appendChild(document.createTextNode("Kilometers")); 
conv.appendChild(tab); 

for(var i=from; i<=to; i++){ 
    tr = document.createElement("tr"); 
    if (i <= -1){ 
     alert("Value must be positive Integer"); 
     return false; 
    } 
    else if (i % 2 == 0) 
     tr.setAttribute("class", "even"); 
    else 
     tr.setAttribute("class", "odd"); 
    bod.appendChild(tr); 
    td = document.createElement("td"); 
    tr.appendChild(td); 
    td.appendChild(document.createTextNode(i)); 
    td = document.createElement("td"); 
    tr.appendChild(td); 
    td.appendChild(document.createTextNode(mtk(i))); 
} 
function mtk(m) { 
    outputOne = ((m * 1.6093)*10)/10; 
    outputTwo = outputOne.toFixed(2); 
    return outputTwo 
}

編輯：這是我用來獲取輸入的HTML代碼。

<form action=""> 
<p> ASCENDING ORDER</p> 
</br></br> 
    <textarea rows="1" name="Input1" id="Input1" cols="10"></textarea> 
    <textarea rows="1" name="Input2" id="Input2" cols="10"></textarea> 

</form>

希望你能幫助我！這是升序代碼。

來源

2016-02-01 DoN_Dan

可以包含你正在使用以及對投入 –

@PeteTalksWeb當然，現在做 –

您可以在for循環中創建表格行。每行都基於for循環的索引變量。現在它將始終按升序排列，假設從<到。爲了使扭轉它的訂單，只需切換您的for循環設置到：

for(var i=to; i>=from; i--)

A simple codepen to demonstrate

來源

2016-02-01 20:55:16

感謝您的HTML，這作品！真的很感激它。我知道這可能與循環有關，並沒有想到我會 - 而不是我++。 –

沒問題！很高興它對你有效！ –

降序排序表以及JavaScript中的升序

回答

相關問題