Add a random div on html page with javascript (with no repeat)

Question

Here is the code which does not work (Nothing is added). The first line will work if I remove the comment. I suppose the variable result is not taking a number or something else. I don't really understand why.

$(document).ready(function () 
    //document.getElementById(1).style.display = "inline-block";
    // https://www.youtube.com/watch?v=pqLS4oyJ8cA
    array.prototype.randsplice = function(){
        var rndNumber = Math.floor(Math.random()*this.length);
        var lstSplice = this.splice(rndNumber,1);
        return lstSplice;
    }
    var lstNumber = new Array(0,1,2,3,4,5,6,7,8,9);
    var result = lstNumber.randsplice();
    document.getElementById(result).style.display = "inline-block";
    var result = lstNumber.randsplice();
    document.getElementById(result).style.display = "inline-block";
    var result = lstNumber.randsplice();
    document.getElementById(result).style.display = "inline-block";
});

I tried to followed this interesting link: Randomly Empty a Javascript Array but without success. (obviously the style display is originally set to none for all div.)

Any help will be appreciated. Thanks

choz · Accepted Answer · 2016-03-28 13:11:53Z

2

You're almost there, I noticed 2 mistakes so far;

You're missing { in $(document).ready(function (). Which should be $(document).ready(function () {
array.prototype.randsplice should be Array.prototype.randsplice

And beware that you need jQuery to run this script. And here's the final fiddle

answered Mar 28, 2016 at 13:11

choz

18k5 gold badges58 silver badges76 bronze badges

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

1 Comment

JLuc01 Over a year ago

Thanks. The missing { was actually a copy paste error, but I really forgotten the uppercase A. I knew about JQuery. It is working perfectly now. Thanks again.

Scimonster · Accepted Answer · 2016-03-28 12:59:41Z

1

You need to set Array.prototype.randsplice, with a capital A.

answered Mar 28, 2016 at 12:59

Scimonster

33.4k10 gold badges79 silver badges92 bronze badges

1 Comment

JLuc01 Over a year ago

As in my comment above, the mistake was the uppercase A. Thanks.

Collectives™ on Stack Overflow

Add a random div on html page with javascript (with no repeat)

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related