Случайная цитата Кнопка не работает (Simple) (HTML, JS, CSS)

Добрый день,Случайная цитата Кнопка не работает (Simple) (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

Случайная цитата Кнопка не работает (Simple) (HTML, JS, CSS)

ответ

Смежные вопросы