JS - 数组的总和列表（文本字段中的总和名称）

Question

我正在尝试制作一个按钮，当单击该按钮时，它会在文本字段输入 (id="textName") 中打印一个来自名称数组的随机名称。目前没问题！

之后，所有名称需要在另一个 texfield (id="addName") 中相互求和，并更新每次单击添加新名称。就像有一个由昏迷法令分隔的名称列表，bmw，masaserati，ferrari）。

这是我目前的代码。

<input type="button" id="randomName" value="name" style="position:relative; top:200px; left:50px;" />


<input  type="text" id="textName" value="" style="position:relative; top:200px; left:100px; width:200px;" />

<input  type="text" id="addName" value="" style="position:relative; top:300px; left:0px; width:80%;" />



<script >



var Names = ["Saab", "Volvo", "BMW", "Fiat", "Ferrari", "Maserati", "Audi"];


document.getElementById('randomName').onclick = function() {
  //add code here
  var NumberRandom = Math.floor((Math.random() * 7) + 1);
  var allNames = Names[NumberRandom];

  $('#textName').val(allNames);

  console.log(NumberRandom);


  for(var i=0; i<NumberRandom; i++){

                var total = Names[NumberRandom] += 1 ;

                    console.log(total);

                    $('#addName').val(total);

                        return;
                    }

                }

</script>

这里是小提琴：

http://jsfiddle.net/salvonostrato/m2Upg/

任何想法如何在 addName 输入中对每次单击以逗号分隔的名称求和？

Answer 1

这是您的fiddle 的固定版本

var Names = ["Saab", "Volvo", "BMW", "Fiat", "Ferrari", "Maserati", "Audi"];


document.getElementById('randomName').onclick = function() {
  //add code here
  var NumberRandom = Math.floor((Math.random() * Names.length));
  var allNames = Names[NumberRandom];

  $('#textName').val(allNames);

  console.log(NumberRandom);

    var curVal = $("#addName").val()
    if (curVal.length > 0) {
        curVal += ','
    }
    curVal += allNames
    $("#addName").val(curVal)

}

注意随机数生成的变化（第 6 行）和底部的 curVal 变化（第 13-18 行）。

Answer 2

请检查此fiddle

var Names = ["Saab", "Volvo", "BMW", "Fiat", "Ferrari", "Maserati", "Audi"];


document.getElementById('randomName').onclick = function () {
//add code here
var NumberRandom = Math.floor((Math.random() * 6) + 1);
var allNames = Names[NumberRandom];

$('#textName').val(allNames);

console.log(NumberRandom);


for (var i = 0; i < NumberRandom; i++) {

    var total = Names[NumberRandom] += 1;
    var prev = $('#addName').val();
    console.log(prev);
    if (prev != '') {
        prev += ',' + total;
    }else{
        prev = total;
    } 

    $('#addName').val(prev);

    return;
}

}