javascript - 我的随机报价生成器按钮不显示报价。 (不适用于 CodePen 或 Sublime,仅适用于 Stack Overflow)

标签 javascript html

自从我昨晚开始以来,我一直在这方面遇到了一些麻烦。生成器的这部分制作完成后,我在浏览器中打开它,看看它是否有效。尽管 HTML 部分已全部设置,但当我单击该按钮时,该按钮不显示引号。

我正在关注 Sophanarith Sok 在 Medium 上的“为绝对初学者制作报价生成器”教程。我已仔细查看以检查是否有任何错误,并与教程的代码进行了比较,但该按钮未显示任何引号。

我用 Sublime Text 3 和 Code Pen 来检查。但是,当我在 Stack Overflow 编码功能中发布代码片段以检查它是否运行时,它运行良好。有什么建议吗?

这是 JavaScript 部分。

var quotes = [
'To be or not to be, that is the question. -Hamlet',
'Maybe ever\’body in the whole damn world is scared of each other. -Of Mice and Men.',
'Life is to be lived, not controlled; and humanity is won by continuing to play in face of certain defeat. -Invisible Man.',
 'Terror made me cruel -Wuthering Heights.',
 'Some men get the world, some men get ex-hookers and a trip to Arizona. You\'re in with the former, but my God I don\'t envy the blood on your conscience. -LA Confidential.',
 'The only people for me are the mad ones, the ones who are mad to live, mad to talk, mad to be saved, desirous of everything at the same time, the ones who never yawn or say a commonplace thing, but burn, burn, burn like fabulous yellow roman candles exploding like spiders across the stars. -On The Road.',
 'It was a bright cold day in April, and the clocks were striking thirteen. -1984.',
 'We were the people who were not in the papers. We lived in the blank white spaces at the edges of the print. It gave us more freedom. We lived in the gaps between the stories. -A Handmaiden\'s Tale.',
 'It sounds plausible enough tonight, but wait until tomorrow. Wait for the common sense of the morning. -The Time Machine.',
 'It\'s much better to do good in a way that no one knows anything about it. -Anna Karenina.',
 'Life appears to me too short to be spent in nursing animosity or registering wrongs. -Charlotte Bronte.',
  'You forget what you want to remember, and you remember what you want to forget. -The Road.',
  'There is an idea of a Patrick Bateman, some kind of abstraction, but there is no real me, only an entity, something illusory, and though I can hide my cold gaze and you can shake my hand and feel flesh gripping yours and maybe you can even sense our lifestyles are probably comparable: I simply am not there. -American Psycho.',
  'Finally, from so little sleeping and so much reading, his brain dried up and he went completely out of his mind. -Don Quixote.',
   'We cast a shadow on something wherever we stand, and it is no good moving from place to place to save things; because the shadow always follows. Choose a place where you won\'t do harm - yes, choose a place where you won\'t do very much harm and stand in it for all you are worth, facing the sunshine. -A Room with a View.',
    'Memories warm you up from the inside. But they also tear you apart. -Kafka on the Shore.',
    'You are your best thing -Beloved.', 
'Some birds are not meant to be caged, that\'s all. Their feathers are too bright, their songs too sweet and wild. So you let them go, or when you open the cage to feed them they somehow fly out past you. And the part of you that knows it was wrong to imprison them in the first place rejoices, but still, the place where you live is that much drabber and empty for their departure. -Shawshank Redemption.' 

]

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

这是 HTML 部分。

<!DOCTYPE html>
<html>
<head>
    <title>Quote Gen</title>
</head>

<body>
    <h1>Simple Quote Generator</h1>
    <div id="quoteDisplay">
    </div>
    <button onclick = "newQuote()">New Quote</button>
    <script src="javascript.js"></script>
</body>

</html>

最佳答案

<!DOCTYPE html>
<html>
<head>
    <title>Quote Gen</title>
</head>

<body>
    <h1>Simple Quote Generator</h1>
    <div id="quoteDisplay">
    </div>
    <button onclick = "newQuote()">New Quote</button>
    <script>
    	var quotes = [
'To be or not to be, that is the question. -Hamlet',
'Maybe ever\’body in the whole damn world is scared of each other. -Of Mice and Men.',
'Life is to be lived, not controlled; and humanity is won by continuing to play in face of certain defeat. -Invisible Man.',
 'Terror made me cruel -Wuthering Heights.',
 'Some men get the world, some men get ex-hookers and a trip to Arizona. You\'re in with the former, but my God I don\'t envy the blood on your conscience. -LA Confidential.',
 'The only people for me are the mad ones, the ones who are mad to live, mad to talk, mad to be saved, desirous of everything at the same time, the ones who never yawn or say a commonplace thing, but burn, burn, burn like fabulous yellow roman candles exploding like spiders across the stars. -On The Road.',
 'It was a bright cold day in April, and the clocks were striking thirteen. -1984.',
 'We were the people who were not in the papers. We lived in the blank white spaces at the edges of print. It gave us more freedom. We lived in the gaps between the stories. -A Handmaiden\'s Tale.',
 'It sounds plausible enough tonight, but wait until tomorrow. Wait for the common sense of the morning. -The Time Machine.',
 'It\'s much better to do good in a way that no one knows anything about it. -Anna Karenina.',
 'Life appears to me too short to be spent in nursing animosity or registering wrongs. -Charlotte Bronte.',
  'You forget what you want to remember, and you remember what you want to forget. -The Road.',
  'There is an idea of a Patrick Bateman, some kind of abstraction, but there is no real me, only an entity, something illusory, and though I can hide my cold gaze and you can shake my hand and feel flesh gripping yours and maybe you can even sense our lifestyles are probably comparable: I simply am not there. -American Psycho.',
  'Finally, from so little sleeping and so much reading, his brain dried up and he went completely out of his mind. -Don Quixote.',
   'We cast a shadow on something wherever we stand, and it is no good moving from place to place to save things; because the shadow always follows. Choose a place where you won\'t do harm - yes, choose a place where you won\'t do very much harm, and stand in it for all you are worth, facing the sunshine. -A Room with a View.',
    'Memories warm you up from the inside. But they also tear you apart. -Kafka on the Shore.',
    'You are your best thing -Beloved.', 
'Some birds are not meant to be caged, that\'s all. Their feathers are too bright, their songs too sweet and wild. So you let them go, or when you open the cage to feed them they somehow fly out past you. And the part of you that knows it was wrong to imprison them in the first place rejoices, but still, the place where you live is that much more drab and empty for their departure. -Shawshank Redemption.' 

]

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

    </script>
</body>

</html>

关于javascript - 我的随机报价生成器按钮不显示报价。 (不适用于 CodePen 或 Sublime,仅适用于 Stack Overflow),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44986743/

相关文章:

javascript - 刷新iframe错误

javascript - 是否有可能获得 es6 类构造函数参数列表?

javascript - 带标签的 Google Maps API v3 标记

html - 在 Bootstrap 轮播中垂直居中 div

单击按钮时未调用 JavaScript 函数

php - 通过 PHP 更新数据库

javascript - 当鼠标指针位于 "div"元素上时缩放不起作用

javascript - jQuery 多重切换

javascript - 我怎样才能让这个 Ember 的 {{render}} 助手将给定的模型注入(inject)到 Controller 中?

javascript - 在html中更改标签宽度