document.get /內部HTML Javascript問題

Question

我在弄清楚如何使innerHTML / GetElement代碼行正常工作時遇到了一些問題。 我嘗試了所有其他命令，例如document.write和alert ，它們似乎都可以正常工作。 我不知道如何構造document.get以包括getRandomArrayElements函數。 我對Web開發的Java語言方面比較陌生，並且一直在這里研究代碼。 我試圖擁有一個數組，當按下按鈕時總是給我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>

Answer 1

您嘗試設置為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>