Question

你好我只是创建一个按钮，点击后，背景颜色应该改变。但为什么它显示未定义。这是我的代码 -

 var colors = ["#FA8072","#A0F12C"];
 var randomColor = Math.floor(Math.random *( colors.length));

$(function(){

    function generateColor(){

        $('body').attr('style','background-color:'+colors[randomColor]); 

    }

    $('#generate').on('click',function(){

        generateColor();
    });
});

Answer 1

这应该有效

var colors = ["#FA8072","#A0F12C"];


$(function(){

    function generateColor(){
        // You always have to create a new random number, once the button is clicked
        var randomColor = Math.floor((Math.random() * colors.length));
        $('body').css('background-color',colors[randomColor]);  

    }

    $('#generate').on('click',function(){

        generateColor();
    });
});

Answer 2

您缺少使用Math.random()方法的括号。

所以而不是：

Math.floor(Math.random *( colors.length));

使用

Math.floor(Math.random() * colors.length);

为什么console.log显示的值是未定义的？

2 个答案: