简单JQuery阵列

Question

我试图得到一个随机产生的文本和图像，这应该是非常简单的，但我不能为我的生活弄明白为什么它不起作用。任何帮助都是非常感谢的！

HTML滚动演示#1

<body>
    <div id="container">
        <p>Where would you live and what would you drive?</p>
        <p id="text"></p>
    </div>
</body>

​

CSS

#container {
width: 960px;
margin-left: auto;
margin-right: auto;
border: gray solid;
padding: auto;
background-image: url(../images/house.jpg) no-repeat;
}

#text {
font-size: 40px;
text-align: left;
}

p {
width: 100px;
color: black;
font-family: arial;
font-size: 18px;
text-align: left;
}

JQUERY

$(document).ready(function(){


  var car = ["limo", "golf cart", "pig"];
  var images = ["house.jpg", "dumpster.jpg", "mansion.jpg"];

  var x = images[Math.Floor(Math.random() * images.length)];

    document.getElementById("text").innerHTML=car[x];
  $('html').css({'background-image':'url(images/' + images [x] + ')'});
    });

提前感谢！

Answer 1

您似乎希望x是一个数字，而不是图像：

var x = Math.floor(Math.random() * images.length); // not Floor