2016-03-15 43 views
-2

我正在製作一個網站,並且我有一些無效的代碼。我將如何去修復它?爲什麼我的數組不能使用innerhtml?

這就是:

<h1>Dmitry dances to</h1> <h1 id="danceto">Rock n' Roll</h1> 
    <br> 
    <input type="button" id="btnSearch" value="Search" onclick="danceTo();" /> 

    <script> 

    var element = document.getElementById("danceto") 

    var songs= new Array("Vocaloids","Dubstep","Cries of the Damned"); 
     var random = songs[Math.floor(Math.random() * songs.length)]; 

    function danceTo() { 
    element.innerHTML = +songs+; 
    } 
    </script> 

感謝您的幫助!

+0

*?「我怎麼會去修復它」 *首先,你必須找到出了什麼問題。爲了做到這一點,[學習如何調試JavaScript代碼](https://developers.google.com/web/tools/chrome-devtools/debug/)。具體來說:打開瀏覽器的開發人員工具並查看控制檯中的錯誤。堆棧溢出不是一個調試服務。我們希望您自己做了一些調試(即嘗試自己解決問題)。 –

+0

很少有幾行代碼的問題......你應該從基礎開始,找到入門教程。 –

回答

0

在你的代碼有一些錯誤和邏輯錯誤,我想你想要這樣的:

var element = document.getElementById("danceto") 
 
var songs= new Array("Vocaloids","Dubstep","Cries of the Damned"); 
 

 
function danceTo() { 
 
    var random = songs[Math.floor(Math.random() * songs.length)]; 
 
    element.innerHTML = random; 
 
}
<h1>Dmitry dances to</h1> 
 
<h1 id="danceto">Rock n' Roll</h1> 
 
<input type="button" id="btnSearch" value="Search" onclick="danceTo();" />

相關問題