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

时间:2017-07-08 13:26:46

标签: javascript html css medium.com

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

我正在关注Sophanarith Sok在Medium上制作“Absolute Beginners的报价生成器”教程。我查看了任何错误,并与教程的代码进行了比较,但按钮没有显示任何引号。

我使用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>

2 个答案:

答案 0 :(得分:0)

&#13;
&#13;
<!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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

我在记事本上发布了代码,脚本标签(包含代码)位于html文件中。它适用于浏览器。我仍然会弄清楚Sublime Text 3是什么,但记事本和其他工作。