隨機報價按鈕無效（簡單）（HTML，JS，CSS）

我想編寫一個隨機報價發生器和我目前無法獲得的文本改變。我相信這是一個簡單的錯誤，但任何額外的眼睛都會有所幫助，因爲我嘗試了另一種解決方案，而且它也無法正常工作，所以我確信我只是缺少一些簡單的東西。

一如既往地感謝幫助，並將分享其他任何必要的幫助解決此問題。謝謝！

HTML

<html> 
    <script  src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
    $(document).ready(function(){ 
    $("#getMessage").on("click", function(){ 
     $(".message").html("New Message"); 
    }); 
    }); 
</script> 

<link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'> 



<header> 
    Quote Generator. 
</header> 

<body> 
    I thought I'd provide some quotes for your edification. 


<div id="wrapper"> 
     <button class = "btn btn-primary" onClick="newQuote()"> 
      Generate New Quote 
     </button> 

</div> 

<div class= "text-center"> 
    <div id = "quoteDisplay"> 
    Quote Here 
    </div> 
</div> 
    <script src = javascript.js></script> 
</body> 
</html>

CSS

body { 
    background-image: url("http://www.planwallpaper.com/static/images/depositphotos_15858395-Abstract-swirls-seamless-pattern-background.jpg"); 
    text-align: center; 
    font-size: 25px; 
} 

header { 
    text-align: center; 
    font-size: 45px; 
    font: 400 100px/1.3 'Lobster Two', Helvetica, sans-serif; 
}

var quotes = ["quote 1", "quote 2", "quote 3"]; 

function newQuote(){ 
    var randomNumber = Math.floor(Math.random()*(quotes.length())); 
    document.getElementById('quoteDisplay').innerHTML = quotes[randomNumber]; 
}

來源

2016-10-24 DedicatedNoobGuy

' ... ...'< - 不要忘了頭。所有的html元素都應該在''中。 – noahnu

對於你的問題，你已經有了相當多的代碼。 – Andrew

Array.length是一個屬性，而不是一個函數：

quotes.length()

應該是：

quotes.length

來源

2016-10-24 23:41:56

修復了它。男孩我覺得很傻，但我很欣賞它！ – DedicatedNoobGuy

隨機報價按鈕無效（簡單）（HTML，JS，CSS）

回答

相關問題