document.get /内部HTML Javascript问题

时间:2017-06-25 15:38:01

标签: javascript html

我遇到了一些问题,想弄清楚如何使innerHTML / GetElement代码行工作。我已经尝试过所有其他命令,例如document.writealert,两者似乎都运行正常。我不知道如何构造document.get以包含getRandomArrayElements函数。我对Web开发的Javascript方面很陌生,并且一直在这里玩代码。我试图有一个数组总是给我3个数字的列表按下按钮。一切都在工作,除了警报和我试图让它响应按钮按下。任何帮助将不胜感激。

<input id="btnSearch" type="button" value="Search" onclick="getRandomArrayElements();" />
<p id="demo"></p>

<script>

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

这就是我遇到问题的地方,我只是希望功能依赖于按下按钮而不是警告,无论我做多少变化我去除警报并结合最后两行的代码它出错了。

var numbers = ['1','2','4','5','5','7','8','9','10'];
alert( getRandomArrayElements(numbers, 3) );
document.getElementById("demo").innerHTML=random;

</script>

1 个答案:

答案 0 :(得分:0)

您要设置为innerHTML的内容未设置。试试这个片段:

function getRandomArrayElements(count) {

var arr = ['1','2','4','5','5','7','8','9','10'];
    var shuffled = arr.slice(0), i = arr.length, min = i - count, temp, index;
    while (i-- > min) {
        index = Math.floor((i + 1) * Math.random());
        temp = shuffled[index];
        shuffled[index] = shuffled[i];
        shuffled[i] = temp;
    }
document.getElementById("demo").innerHTML=shuffled.slice(min);
}
<input id="btnSearch" type="button" value="Search" onclick="getRandomArrayElements(3);" />
<p id="demo"></p>