javascript - 设置输入值，然后禁用并移至下一个空输入

Question

好吧，这是一个艰巨的任务，但我没有取得太大进展，所以我决定寻求帮助。

我有一组随机名称，我想将这些名称设置为 HTML 输入，使用该值禁用 HTML 输入并移至下一个。那可能吗？我的第二个问题是，我的 randomGroup 会起作用吗？我的意思是，所有 14 个名字都会被调用吗？

所有帮助将不胜感激。 - 我仍在努力。

这是一个片段:

var randomGroup = ["Luciano", "Patrick", "SHL", "Leo", "Marilyn", "Ranbir", "Helena", "Annie", "Saikaran", "Julie", "Albert" , "Chris", "Igor", "Staci"]

Array.prototype.randomElement = function(){
 return this[Math.floor(Math.random() * this.length)]
}

var myRandomElement = randomGroup.randomElement();
/*console.log(myRandomElement);*/

function appendItem(){
  var inputs = document.getElementByTagName('input').value = '';
  var setInputs = document.getElementByTagName('input').innerHTML = myRandomElement;
 /* myRandomElement = randomGroup.randomElement();*/
    if (inputs == 0) {
    inputs = setInputs;
  } 
}

appendItem();

body{
  margin: 0 auto;
  text-align: center;
}

div {
  display: block;
  margin-bottom: -10px;
}

#group1, #group2, #group3, #group4, #group5, #group6, #group7 {
  display: inline-block;
}

<div>
  <p id="group1">Group 1</p>
  <input type="text" />
  <input type="text" />
</div> 
<div>
  <p id="group2">Group 2</p>
  <input type="text" />
  <input type="text" />
</div>
<div>
  <p id="group3">Group 3</p>
  <input type="text" />
  <input type="text" />
</div>
<div>
  <p id="group4">Group 4</p>
  <input type="text" />
  <input type="text" />
</div>
<div>
  <p id="group5">Group 5</p>
  <input type="text" />
  <input type="text" />
</div>
<div>
  <p id="group6">Group 6</p>
  <input type="text" />
  <input type="text" />
</div>
<div>
  <p id="group7">Group 7</p>
  <input type="text" />
  <input type="text" />
</div>

Answer 1

我不完全确定您想要实现什么目标，但这里有一些提示:

1. 没有getElementByTagName这样的函数，应该是getElementsByTagName
2. getElementsByTagName 返回 HTMLCollection 。要访问此列表中的元素，您可以执行 document.getElementsByTagName('input')[0]。这将获得第一个输入。
3. 这绝对不执行任何操作:if (inputs == 0) {inputs = setInputs; }