PHP/JavaScript random number

Question

I am playing around with JavaScript and trying to choose some random images.

What I'm actually trying to do:

I have $totalsixes = rand(1,6); in PHP, and let's say that chose 4. Then in JavaScript I want to show 4 images with the number 6 and 2 others with random numbers from 1-5.

Here's what I've tried so far:

<?php
$totalsixes = rand(1,6);
?>
<script type="text/javascript">
function shuffle(o){ 
    for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] =     o[j], o[j] = x);
    return o;
};

var imagePaths = shuffle([
    "http://website.com/spill2/terninger/1.gif",
    "http://website.com/spill2/terninger/2.gif",
    "http://website.com/spill2/terninger/3.gif",
    "http://website.com/spill2/terninger/4.gif",
    "http://website.com/spill2/terninger/5.gif",
    "http://website.com/spill2/terninger/6.gif"]);

for(var i = 0; i < imagePaths.length; i++) {
    document.getElementById("randterning" + i).src = imagePaths[i];
}
</script>

as you may see above the $totalsixes have no meaning at all in the code yet, as I don't know how to tell the JavaScript to show X of sixes ($totalsixes chose the X), and also I don't know how to make the JavaScript chose a random number for those others dices. Total there is always 6 dices.

A screen shot of an example what I want to make:

http://prntscr.com/9iqiag

@PatricNais "want to show 4 images with the number 6 and 2 others whit random numbers from 1-5" Not certain interpret requirement correctly ? Show four random images ? What is expected result ? — guest271314
– guest271314, Commented Dec 26, 2015 at 15:05
I would suggest you to use a JS library such as Underscore for your purpose. — hindmost
– hindmost, Commented Dec 26, 2015 at 15:07
Please note; indices start from 0, not 1. If you want to exclude certain items from the random selection, do it before the shuffle, when you still know their index — Paul S.
– Paul S., Commented Dec 26, 2015 at 15:21
@guest271314 prntscr.com/9iqiag i hope this screen shot can help you guy understand — Patric Nøis
– Patric Nøis, Commented Dec 26, 2015 at 16:11

VSnake · Accepted Answer · 2015-12-27 14:46:33Z

2

<?php $totalsixes = rand(1,6); ?>

<script type="text/javascript">
    function shuffle(o){
        for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] =  o[j], o[j] = x);
        return o;
    }

    var imagePaths = [
        "http://website.com/spill2/terninger/1.gif",
        "http://website.com/spill2/terninger/2.gif",
        "http://website.com/spill2/terninger/3.gif",
        "http://website.com/spill2/terninger/4.gif",
        "http://website.com/spill2/terninger/5.gif",
        "http://website.com/spill2/terninger/6.gif"];

    var images = []; // <- edit here
    for(var x= 0 ; x<6; x++){
         images[x] = x < <?echo $totalsixes?> ?  imagePaths[5] : imagePaths[Math.floor(Math.random() * 5)];
              //^ edit here
    }
    images = shuffle(images);

    for(var i = 0; i < imagePaths.length; i++) {
        document.getElementById("randterning" + i).src = images[i];
    }
</script>

if I understood correctly, the result is a table with 'rand' sixes and all the other are random dice but six

edited Dec 27, 2015 at 14:46

answered Dec 26, 2015 at 16:29

VSnake

1214 bronze badges

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

1 Comment

Patric Nøis Over a year ago

After using this code i dont get up any images even if imagepaths are right: prntscr.com/9j0r22

Collectives™ on Stack Overflow

PHP/JavaScript random number

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related