如何在Javascript中使用隨機數組元素onclick

我有一個java腳本數組，裏面有大量的元素，點擊一個按鈕我想在屏幕上顯示隨機數組元素，爲此我有使用Math.random函數，但不知道爲什麼它不起作用。這裏是我的代碼如下。如何在Javascript中使用隨機數組元素onclick

<html> 
 
    <head> 
 
    <title>Demo</title> 
 
    </head> 
 
    <body> 
 
    <button id="getquotes" value="Quotes" onclick="Loadquotes();">Quotes</button> 
 
    <p id="quoteshere" ></p> 
 
    <script> 
 
     var Loadquotes= function(){ 
 
     var quotes = new Array('Stack1','Stack2','Stack16','Stack17','Stack13','Stack14','Stack15','Stack6','Stack7','Stack8','Stack9','Stack10'); 
 
     var i; 
 

 
     for (i=0;i<quotes.length;i++){ 
 
      var newquotes = quotes[Math.floor(Math.random() * quotes.length)]; 
 
      document.getElementById('quoteshere').value=newquotes; 
 
     } 
 
     }; 
 
    </script> 
 
    </body> 
 
</html>

來源

2017-02-02 Prasad_Joshi

'quotes.length'會比總項目數多一個。也許試試'quotes.length - 1'？ - 另外，'.value'不是一個段落元素的有效屬性，即使它是，for循環也會多次覆蓋該值。 – evolutionxbox

@evolutionxbox試過它..但仍然無法正常工作 –

quoteshere是P標籤value功能將無法正常工作使用innerText或innerHTML代替請看下面摘錄

var Loadquotes= function(){ 
 
    debugger; 
 
    var quotes = new Array('Stack1','Stack2','Stack16','Stack17','Stack13','Stack14','Stack15','Stack6','Stack7','Stack8','Stack9','Stack10'); 
 
    var i; 
 

 
    for (i=0;i<quotes.length;i++){ 
 
    var newquotes = quotes[Math.floor(Math.random() * quotes.length)]; 
 
    document.getElementById('quoteshere').innerText = newquotes; 
 
    } 
 
};

<button id="getquotes" value="Quotes" onclick="Loadquotes();">Quotes</button> 
 
<p id="quoteshere" ></p>

來源

2017-02-02 10:07:07 Curiousdev

，你可以試試這個

var quotes = Array('Stack1','Stack2','Stack16','Stack17','Stack13','Stack14','Stack15','Stack6','Stack7','Stack8','Stack9','Stack10'); 
 
var Loadquotes= function(){ 
 
    var newquotes = quotes[Math.floor(Math.random() * quotes.length)]; 
 
    document.getElementById('quoteshere').innerHTML=newquotes; 
 
};

<button id="getquotes" value="Quotes" onclick="Loadquotes();">Quotes</button> 
 
<p id="quoteshere" ></p>

來源

2017-02-02 10:14:32

嘗試這個

<html> 
<head> 
    <title>Demo</title> 
</head> 
     <body> 
       <button id="getquotes" value="Quotes" onclick="Loadquotes()"> Quotes </button> 
        <p id="quoteshere" ></p> 
         <script> 
       function Loadquotes(){ 
       var quotes = new Array('Stack1','Stack2','Stack16','Stack17','Stack13','Stack14','Stack15','Stack6','Stack7','Stack8','Stack9','Stack10'); 
       var newquotes = Math.floor(Math.random() * quotes.length); 
       document.getElementById('quoteshere').innerHTML = quotes[newquotes]; 

       } 
         </script> 
     </body>

來源

2017-02-02 10:32:09 Dhirendra

如何在Javascript中使用隨機數組元素onclick

回答

相關問題