Question

I am trying to generate a random number for the css opacity.

This is what I tried so far.

CSS

.test{
    position : absolute;
    width : 15px;
    height : 15px;
    border-radius:15px;
    background-color : black; 
}​

Script

$(function() {
    for (var i = 0; i < 300; i++) {
        $("<div>", {
            class: "test",
            css: {
                opacity: randomOpacity
            }
        }).appendTo("body");
    }

    function randomOpacity() {
        var opac = 0;
        opac = Math.random() < 1;
        console.log(opac);
    }

    randomize();
});​

The Fiddle

Answer 1

There are multiple errors with your fiddle:

• You are spawning 300 divs that are all absolutely positioned. They stack on top of each other and so would appear black regardless.
• You aren’t actually calling the function (missing parentheses)
• Math.random() < 1 is going to return True instead of a number.
• You aren’t returning opac from your function.
• You were calling randomize(), which isn’t defined.

Corrected version: http://jsfiddle.net/RucKd/1/