javascript - 将javascript放入html标签标签中

Question

我是 javascript 的新手，目前有一项任务是使用洗牌答案选项(使用单选对象选择答案和洗牌数组)来制作多项选择题。我已经使用下面的代码成功地制作了一个洗牌数组。

<script>
var array = ['Coding','programming','debugging','maintenance'];
var i = array.length, j, temp;

while (--i > 0) {


j = Math.floor(Math.random() * (i+1));
temp = array[j];
array[j] = array[i];
array[i] = temp;
}


document.write(array);
</script>

但是，我不知道如何获取数组的输出并将其放入推荐给我的 html 代码中，以便制作用于选择的单选按钮。

<input type="radio" name="q1" id="q1a"/>
<label for="q1b">'array 1 option would go here'</label>

我很可能完全走错了路，但我们将不胜感激!

Answer 1

您可以获取标签并设置其内容

var array = ['Coding', 'programming', 'debugging', 'maintenance'];

var cp = array.slice(0),
  i = 0,
  j;
while (i++ < array.length) {
  var j = Math.floor(Math.random() * cp.length);
  document.querySelector('label[for="q' + (i) + 'b"]').innerHTML = cp[j];
  cp.splice(j, 1);
}

<input type="radio" name="q1" id="q1a" />
<label for="q1b">'array 1 option would go here'</label>
<input type="radio" name="q1" id="q2a" />
<label for="q2b">'array 1 option would go here'</label>
<input type="radio" name="q1" id="q3a" />
<label for="q3b">'array 1 option would go here'</label>
<input type="radio" name="q1" id="q4a" />
<label for="q4b">'array 1 option would go here'</label>