Jquery/Javascript: Display a random image from an array by pressing a button

Question

var images = ["https://upload.wikimedia.org/wikipedia/commons/thumb/5/52/Playing_card_heart_5.svg/200px-Playing_card_heart_5.svg.png", "http://www.pandasecurity.com/mediacenter/src/uploads/2014/11/short-link.jpg", ];

function myFunction() {
  var x = Math.floor((Math.random() * images.length); $('#afbeelding').attr('src', images[x]);
  }

HTML:

<button onclick="myFunction()">Try it</button>
<img id="afbeelding">

Please state a specific question and supply a Minimal, Complete, and Verifiable Answer. See stackoverflow.com/help/mcve. — Feathercrown
– Feathercrown, Commented May 12, 2016 at 13:56

Feathercrown · Accepted Answer · 2016-05-12 14:02:13Z

2

There are many possible causes of this problem, but the most likely is that you may not have installed JQuery. In fact, you don't even need JQuery for this:

var images = ["https://upload.wikimedia.org/wikipedia/commons/thumb/5/52/Playing_card_heart_5.svg/200px-Playing_card_heart_5.svg.png", "http://www.pandasecurity.com/mediacenter/src/uploads/2014/11/short-link.jpg"];

function myFunction() {
    var x = Math.floor((Math.random() * images.length));
        document.getElementById('afbeelding').src = images[x];
    }

Note: Untested. Also, you had a null entry at the end of your array, so I fixed that.

answered May 12, 2016 at 14:02

Feathercrown

2,5911 gold badge19 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Feathercrown Over a year ago

Great! Glad I could help. : ) Please consider accepting an answer.

user6325904 Over a year ago

Done! (I think, I'm just new here so doesn't really know how everything works :) )

anthony moss · Accepted Answer · 2016-05-12 14:03:32Z

0

Look at this plunker I made with your code. By the way one ")" was missing after images.length https://plnkr.co/edit/mdyXsf5FoSPHOQGqCoO2?p=preview

var x = Math.floor((Math.random() * images.length)); $('#afbeelding').attr('src', images[x]);

Tell me if it's ok

answered May 12, 2016 at 14:03

anthony moss

312 bronze badges

Collectives™ on Stack Overflow

Jquery/Javascript: Display a random image from an array by pressing a button

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related