每天都有新的事实-Javascript_Javascript

每天都有新的事实-Javascript

javascript

每天都有新的事实-Javascript,javascript,Javascript,我在一个个人爱好网站上工作，希望每个月的每一天都能推出一款新的啤酒。我以前尝试过javascript，但效果很差。我希望这个社区能帮助我。我创建了一个数组，最多31个，每天都有不同的啤酒风格。然而，我不知道如何才能让啤酒的风格每天都有所改变。我在互联网上搜索了两天，试图弄明白这一点，我几乎要把我的鼠标打破了。任何帮助都将不胜感激。如果我留下任何有助于您帮助我的重要信息，我将很高兴为您检索我想在网站上显示今天的啤酒风格是：“啤酒风格” 下面是javascript： var style = ne

我在一个个人爱好网站上工作，希望每个月的每一天都能推出一款新的啤酒。我以前尝试过javascript，但效果很差。我希望这个社区能帮助我。我创建了一个数组，最多31个，每天都有不同的啤酒风格。然而，我不知道如何才能让啤酒的风格每天都有所改变。我在互联网上搜索了两天，试图弄明白这一点，我几乎要把我的鼠标打破了。任何帮助都将不胜感激。如果我留下任何有助于您帮助我的重要信息，我将很高兴为您检索

我想在网站上显示

今天的啤酒风格是：“啤酒风格”

下面是javascript：

var style = new Array();
style[0] = "Munich Helles";
style[1] = "Robust Porter";
style[2] = "American Wheat Beer";
style[3] = "American Wild Ale";
style[4] = "German Pilsner";
style[5] = "Czech Pilsner";
style[6] = "India Pale Ale";
style[7] = "English Brown Porter";
style[8] = "Kolsch";
style[9] = "Altbier";
style[10] = "Vienna Lager";
style[11] = "Baltic Porter";
style[12] = "Weissbier";
style[13] = "Oatmeal Stout";
style[14] = "Saison";
style[15] = "Belgian Dark Strong Ale";
style[16] = "California Common";
style[17] = "Russian Imperial Stout";
style[18] = "Belgian Dubbel";
style[19] = "Cream Ale";
style[20] = "English Brown Ale";
style[21] = "Doppelbock";
style[22] = "Rauchbier";
style[23] = "Lambic";
style[24] = "Gose";
style[25] = "Gueze";
style[26] = "Marzen";
style[27] = "Scwarzbier";
style[28] = "Pale Ale";
style[29] = "Irish Stout";

document.getElementById("dateBox").innerHTML=style[new Date().getUTCDate()];

以下是我的HTML：

 <!DOCTYPE html>

<html lang="en">
<head>
    <!-- The Homebrewery
    Author: Chris Stastny
    Date: October 27th, 2015
    -->

  <meta charset="utf-8">
  <title>The Homebrewery - Homebrewing</title>
  <meta name="description" content="The Homebrewery - Homebrewing">
  <meta name="author" content="Chris Stastny">
  <link href="final.css" rel="stylesheet" type="text/css" />

  <script src="modernizr-1.5.js"></script>
  <script src="beerStyle.js"></script>

</head>
<header>
  <h1> The Homebrewery</h1>
    <nav>
      <ul>
        <li><a href="#">About</a></li>
        <li><a href="#">Equipment</a></li>
        <li><a href="#">Brew Log</a></li>
        <li><a href="#">Links</a></li>
        <li><a href="#">Newsletter</a></li>
      </ul>
    </nav>
</header>
<body>
  <h2>Greetings!</h2>

    <div id="dateBox">
        Today Beer Style is: 
    </div>   
  <br>   
  <img src="beer.jpg" alt="beer">

  <p>This website was built to keep people informed about my homebrewing adventures. It will have brewday pictures, videos (possibly) in the future, recipes and general homebrewing information. There is also a newsletter that you can sign up for that will go into more detail about what is going on with my brewing.</p>

  <br>
  <footer>The Homebrewery - Homebrewing - 2015</footer>  
</body> 


</html>


家庭酿酒厂-家庭酿酒
家庭酿酒厂







问候语！
今天的啤酒风格是：


这个网站是为了让人们了解我在家里的冒险经历而建立的。它将有brewday图片，视频（可能）在未来，食谱和一般家庭酿造信息。还有一份时事通讯，你可以注册，它将更详细地介绍我的酿造过程


家庭酿酒厂-家庭酿酒-2015

您可以使用获取当月的日期。它以1开头，所以只需减去1，就可以将该值用作数组中的索引：

style[ new Date().getUTCDate() - 1 ];

如前所述，数组从索引

开始，您的数组对于该索引没有这样的值，因此您可能希望使用索引

到

，而不是

到

。对于当前的结构，您不需要

-1

var style=new Array（）；
风格[1]=“慕尼黑地狱”；
风格[2]=“健壮的搬运工”；
风格[3]=“美国小麦啤酒”；
风格[4]=“美国野生啤酒”；
风格[5]=“德国皮尔斯纳”；
风格[7]=“捷克皮尔斯纳”；
风格[8]=“印度淡啤酒”；
风格[9]=“英国布朗波特”；
风格[10]=“Kolsch”；
样式[11]=“Altbier”；
风格[12]=“维也纳啤酒”；
风格[13]=“波罗的海搬运工”；
风格[14]=“维斯比尔”；
风格[15]=“燕麦粗壮”；
风格[16]=“Saison”；
风格[17]=“比利时黑浓啤酒”；
风格[18]=“加州普通”；
风格[19]=“俄罗斯帝国式的粗壮”；
风格[20]=“比利时配音”；
风格[21]=“奶油麦酒”；
风格[22]=“英国棕色啤酒”；
风格[23]=“Doppelbock”；
风格[24]=“Rauchbier”；
风格[25]=“兰比克”；
风格[26]=“Gose”；
风格[27]=“Gueze”；
风格[28]=“Marzen”；
风格[29]=“斯瓦兹比尔”；
风格[30]=“淡啤酒”；
风格[31]=“爱尔兰黑啤酒”；
var d=新日期（）；
var n=d.getDate（）；
stuff=document.getElementById（'today'）；
stuff.innerHTML=style[n]

今天的啤酒风格是：

现在就知道我遇到的问题是什么了。我对JavaScript很糟糕，不知道从哪里开始。整个语言对我来说都是陌生的。@andymcculough-即使我使用它作为一个月的天数，它应该从0开始？@andymcculough我实际上要在编辑中指出这一点，说它们从

0开始，所以应该从0
到30
@SpencerWieczorek-所以我会按原样将其添加到我的js文件中？在我的HTML文件中如何调用它？@ph1shphyd将为您提供所需的字符串值。您可以使用alert（）
，console.log（）
，.innerHTML
，等等来显示它。例如，为了提醒您可以执行的值alert（style[new Date（）.getUTCDate（）-1]）
@SpencerWieczorek-我希望它显示在一个框中，以便我使用.innerHTML（style[new Date（）.getUTCDate（）-1]）如果我将数组更改为从1？开始，则执行赋值，.innerHTML=…
。