繁体   English   中英

我的随机报价单生成器按钮没有显示报价。 (不适用于CodePen或Sublime,仅堆栈溢出)

[英]My random quote generator button isn't displaying quotes. (not working on CodePen or Sublime, only Stack Overflow)

自从昨晚开始以来,我对此一直有点麻烦。 将生成器的这一部分制成后,我在浏览器中将其打开以查看其是否有效。 即使HTML部分已全部设置,当我单击它时按钮也不会显示引号。

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

我使用Sublime Text 3和Code Pen进行检查。 但是,当我在“堆栈溢出”编码功能中发布代码片段以检查其是否运行时,它运行得很好。 有什么建议么?

这是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> 

我在html文件中的脚本标签(有代码)上将代码发布在记事本上。 它在浏览器上工作。 我仍然会弄清楚Sublime Text 3的功能,但记事本和其余的工作正常。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM