Question

我是一个新手，我很难做一些可能非常简单的事情。我有一个Javascript代码，从数组中获取随机数量的元素。我需要将这些元素展示为HTML，我在jsfiddle中构建此功能。如何在HTML中显示数组元素，而不是警告框或控制台日志，并通过按html按钮使代码运行？

这是我的JS： https://jsfiddle.net/TasGuerciMaia/5Luy83uf/1/

function get(music, count) {
var mix = music.slice(0), i = music.length, min = i - count, temp, index;
while (i-- > min) {
    index = Math.floor((i + 1) * Math.random());
    temp = mix[index];
    mix[index] = mix[i];
    mix[i] = temp;
}
return mix.slice(min);
}


var numbers = ['1','2','4','5','6','7','8','9','10'];
console.log ( get(numbers, 6) );

这是我的HTML

<div class="item"> </div>
<div> 
<script>  
</script>
</div>
<button class="validation">
Choose
</button>

Answer 1

你调用你的函数并将结果放入你已经创建的div中的“innerHTML”中。您可以通过将innerHTML设置为函数的结果（return）来完成此操作。

function get(music, count) {
var mix = music.slice(0), i = music.length, min = i - count, temp, index;
while (i-- > min) {
    index = Math.floor((i + 1) * Math.random());
    temp = mix[index];
    mix[index] = mix[i];
    mix[i] = temp;
}
return mix.slice(min);
}
document.getElementById("results").innerHTML = get(music, count);

在您的HTML中，只需将div标记为“结果”

即可

<div class="item"> </div>
<div id="results"> 

</div>
<button class="validation">
Choose
</button>

在HTML页面中显示循环结果

1 个答案: