javascript - 我需要帮助在单击按钮时将外部 javascript 文件中的数据添加到文本框

Question

我在外部 js 文件中内置了函数，我正在尝试创建一个按钮来运行该函数，然后将结果插入到文本框中。

HTML 代码:

<label for="fName">First Name </label>
            <input type="text" name="fName" id="fName" /><p>
            <input type="button" value="JS Test" name="button1" onclick="writeHumanName(this.form)" />

JS 代码:

function writeHumanName() {
    // Array of my family 
    var humanName = ["Troy", "Beth", "Gabby", "Owen", "Evan"];
    
    document.write("My Family = ");
    
    // Loop through the humanName array
    for (var i = 0; i < humanName.length; i++) {
      document.write(humanName[i]);
    
    }
}

Answer 1

更新:

HTML:

<label for="fName">First Name </label>
<input type="text" name="fName" id="fName" />

<p>

<input type="button" value="JS Test" name="button1" onclick="writeHumanName()" />

JS:

function writeHumanName() {
  // Array of my family 
  var humanName = ["Troy", "Beth", "Gabby", "Owen", "Evan"];

  var myString = ("My Family = ");

  // Loop through the humanName array
  for (var i = 0; i < humanName.length; i++) {
    myString += (humanName[i]) + ", ";
  }

  document.getElementById('fName').value = myString;

}

一个可用的代码笔: http://codepen.io/anon/pen/waLLXO