JavaScriptで配列を表示する

Question

私は、読み込まれるたびに画面上にランダムな詩を表示すると思われるこの配列を持っています。私は配列が作られているが、何らかの理由で画面に表示されない。

<link rel="import" href="../bower_components/polymer/polymer.html" /> 
<dom-module id="poem-element"> 
    <template> 
    <div></div> 
    <div id="poems"></div> 
    </template> 
    <script> 
    Polymer({ 
     is: "poem-element", 
     ready: function() { 
     var newArray = ["poem1", "poem2", "poem3"]; 
     var random = (Math.ceil(Math.random() * 4) - 1); 
     this.querySelector("#poems").innerHTML= poems[randomPoem]; 
     } 
    }) 
    </script> 
</dom-module> 

Answer 1

あなたの配列が newArray呼ばれ

、ないpoems、そしてあなたのランダムではないrandomPoem、randomと呼ばれています。代わりにこれを試してみてください：

<link rel="import" href="../bower_components/polymer/polymer.html"/> 

<dom-module id="poem-element"> 

    <template> 

     <div> 
    </div> 

     <div id="poems"> </div> 

    </template> 

    <script> 
     Polymer({ 
      is: "poem-element", 
      ready: function() { 

    var poems =["poem1", "poem2", "poem3"]; 
       var randomPoem = Math.floor(Math.random() * newArray.length); 
       this.querySelector("#poems").innerHTML= poems[randomPoem]; 
     } 

     }) 


    </script> 

</dom-module> 

EDIT：は上記のコメントでスクイントの提案に従って、0と2の間であることがrandom番号を修正しました。