Javascript 有没有办法简化这段代码？

javascript新手！这是可行的，但我还有很多事情要做，如果有一个更干净的方法来做这件事，那就太好了。。如果需要，可以使用jquery:）

（stack希望我在提交前写更多，但我不知道还能说些什么）

函数apply（）{
var backerPrediction1=document.getElementById（“backer-prediction-1”）.value；
var backerPrediction2=document.getElementById（“backer-prediction-2”）.value；
var backerPrediction3=document.getElementById（“backer-prediction-3”）.值；
var backerPrediction4=document.getElementById（“backer-prediction-4”）.value；
var backerPrediction5=document.getElementById（“backer-prediction-5”）.值；
var backerPrediction6=document.getElementById（“backer-prediction-6”）.值；
var backerPrediction7=document.getElementById（“backer-prediction-7”）.value；
var backerPrediction8=document.getElementById（“backer-prediction-8”）.value；
var backerPrediction9=document.getElementById（“backer-prediction-9”）.value；
var backerPrediction10=document.getElementById（“backer-prediction-10”）.值；
var backerPrediction11=document.getElementById（“backer-prediction-11”）.value；
var backerPrediction12=document.getElementById（“backer-prediction-12”）.value；
var backerPrediction13=document.getElementById（“backer-prediction-13”）.值；
var backerPrediction14=document.getElementById（“backer-prediction-14”）.值；
var backerPrediction15=document.getElementById（“backer-prediction-15”）.value；
var backerPrediction16=document.getElementById（“backer-prediction-16”）.值；
var backerPrediction17=document.getElementById（“backer-prediction-17”）.value；
var backerPrediction18=document.getElementById（“backer-prediction-18”）.值；
var backerPrediction19=document.getElementById（“backer-prediction-19”）.值；
var backers=parseInt（backerPrediction1,10）+
parseInt（backerPrediction2,10）+
parseInt（backerPrediction3,10）+
parseInt（backerPrediction4,10）+
parseInt（backerPrediction5,10）+
parseInt（backerPrediction6,10）+
parseInt（backerPrediction7,10）+
parseInt（backerPrediction8,10）+
parseInt（backerPrediction9,10）+
parseInt（backerPrediction10,10）+
parseInt（backerPrediction11,10）+
parseInt（backerPrediction12,10）+
parseInt（backerPrediction13,10）+
parseInt（backerPrediction14,10）+
parseInt（backerPrediction15,10）+
parseInt（backerPrediction16,10）+
parseInt（backerPrediction17,10）+
parseInt（backerPrediction18,10）+
parseInt（backerPrediction19,10）
;
document.getElementById（“支持者预测答案”）.value=（支持者）；
}

---

谢谢你的帮助！！：）

我会这样做：

function apply() {
    var backers = 0;
    for (var i = 1; i < 20; ++i) {
        backers +=
            parseInt(document.getElementById("backer-prediction-" + i).value);
    }
    document.getElementById("backer-prediction-answer").value = backers;
}

函数apply（）{
var支持者=0；
对于（变量i=1；i<20；++i）{
支持者+=
parseInt（document.getElementById（“后台预测-”+i）.value）；
}
document.getElementById（“支持者预测答案”）。值=支持者；
}

我会这样做：

function apply() {
    var backers = 0;
    for (var i = 1; i < 20; ++i) {
        backers +=
            parseInt(document.getElementById("backer-prediction-" + i).value);
    }
    document.getElementById("backer-prediction-answer").value = backers;
}

函数apply（）{
var支持者=0；
对于（变量i=1；i<20；++i）{
支持者+=
parseInt（document.getElementById（“后台预测-”+i）.value）；
}
document.getElementById（“支持者预测答案”）。值=支持者；
}

var-answer=0；
对于（变量i=1；i
var-answer=0；
对于（var i=1；i，您可以使用以下代码获取支持者总数

function apply(){
    var answer = getBackers();
    document.getElementById("backer-prediction-answer").value = answer;
}

function getBackers()
{
    var baseName = "backer-prediction-";
    var elementId = "";
    var backers = 0;
    for(var i = 1; i < 20; i++)
    {
        elementId = baseName + i;
        backers = backers + getElementValue(elementId);
    }

    return backers;
}

function getElementValue(elementId)
{
    var value = document.getElementById("backer-prediction-1").value;
    return parseInt(value, 10);
}

函数apply（）{
var answer=getBackers（）；
document.getElementById（“支持者预测答案”）。值=答案；
}
函数getBackers（）
{
var baseName=“支持者预测-”；
var elementId=“”；
var支持者=0；
对于（变量i=1；i<20；i++）
{
elementId=baseName+i；
支持者=支持者+getElementValue（elementId）；
}
回报支持者；
}
函数getElementValue（elementId）
{
var值=document.getElementById（“backer-prediction-1”）.值；
返回parseInt（值，10）；
}
您可以使用以下代码获取支持者总数

function apply(){
    var answer = getBackers();
    document.getElementById("backer-prediction-answer").value = answer;
}

function getBackers()
{
    var baseName = "backer-prediction-";
    var elementId = "";
    var backers = 0;
    for(var i = 1; i < 20; i++)
    {
        elementId = baseName + i;
        backers = backers + getElementValue(elementId);
    }

    return backers;
}

function getElementValue(elementId)
{
    var value = document.getElementById("backer-prediction-1").value;
    return parseInt(value, 10);
}

函数apply（）{
var answer=getBackers（）；
document.getElementById（“支持者预测答案”）。值=答案；
}
函数getBackers（）
{
var baseName=“支持者预测-”；
var elementId=“”；
var支持者=0；
对于（变量i=1；i<20；i++）
{
elementId=baseName+i；
支持者=支持者+getElementValue（elementId）；
}
回报支持者；
}
函数getElementValue（elementId）
{
var值=document.getElementById（“backer-prediction-1”）.值；
返回parseInt（值，10）；
}
最干净的方法是给每个
支持者预测-#
元素一个类，并获取所有元素：

var backerEls = document.querySelectorAll('.backer-prediction');
//Get a list of all the elements with the class 'backer-prediction'
var backers = 0;
//Total
for (var i = 0; i < backerEls.length; i++) {
    //Loop over the elements
    backers += parseInt(backerEls[i].value, 10);
    //Parse their values and add them to the total
}

console.log(backers);​

var backerEls=document.querySelectorAll（'.backer-prediction'）；
//使用“backer prediction”类获取所有元素的列表
var支持者=0；
//总数
对于（var i=0；i

（）

这使您可以拥有任意多的元素，而无需更新JS。
最干净的方法是为每个
支持者预测-#
元素提供一个类，并获取所有元素：

var backerEls = document.querySelectorAll('.backer-prediction');
//Get a list of all the elements with the class 'backer-prediction'
var backers = 0;
//Total
for (var i = 0; i < backerEls.length; i++) {
    //Loop over the elements
    backers += parseInt(backerEls[i].value, 10);
    //Parse their values and add them to the total
}

console.log(backers);​

var backerEls=document.querySelectorAll（'.backer-prediction'）；
//使用“backer prediction”类获取所有元素的列表
var支持者=0；
//总数
对于（var i=0；i

（）

这使您可以一次拥有尽可能多的元素