CODEWITHSUNDEEP
javascriptarraysrandom
ryan smith
ryan smith

Reputation: 11

Random Pick From Array

I am trying to make a website where it selects random things from arrays to make a sentence. It is supposed to pick a random item from objectArray and display it through a div with document.getElementById()

Code

<script>
    var objectArray = ["computer", "iphone", "duck", "candle", "oven", "sofa", "curtain", "blanket", "star", "piano", "turtle", "fluffiness", "door", "pillow", "funny face", "lamp", "healthy heart", "rainbow", "lamp", "clock", "coat", "just luck", "stop sign", "window"];
    var randObject = objectArray[Math.floor(Math.random() * objectArray.length)];

    document.getElementById("Objecto").innerHTML = "randObject";    
</script>

<center>
    <div id="Objecto"></div>
</center>

Upvotes: 0

Views: 52

Answers (1)

Robby Cornelissen
Robby Cornelissen

Reputation: 97140

You're setting the element's innerHTML to the string literal "randObject" instead of the contents of the variable randObject. Use this instead:

document.getElementById("Objecto").innerHTML = randObject;

Here's a complete snippet:

var objectArray = ["computer", "iphone", "duck", "candle", "oven", "sofa", "curtain", "blanket", "star", "piano", "turtle", "fluffiness", "door", "pillow", "funny face", "lamp", "healthy heart", "rainbow", "lamp", "clock", "coat", "just luck", "stop sign", "window"];
var randObject = objectArray[Math.floor(Math.random() * objectArray.length)];

document.getElementById("Objecto").innerHTML = randObject;  
<center>
    <div id="Objecto"></div>
</center>

Upvotes: 1

Related Questions