javascript - 随机十六进制颜色

Question

如何使用这段代码将 style.color 更改为十六进制随机值？

hexaTable = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c', 'd', 'e', 'f'];
    document.getElementById("button").onclick=
        function(){
            if (x==true) {
                document.getElementById("text").innerHTML="Au revoir";
                document.getElementById("text").style.color="#" + 6 * hexaTable [Math.floor(Math.random() * hexaTable.length)];
                x=false;
            }
            else {
                document.getElementById("text").innerHTML="Bonjour";
                x=true;
            }
        };

Answer 1

试试这个:

这将创建随机的十六进制颜色:(使用递归)

   console.log('#' + (function co(a) {
       return(a += [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c', 'd', 'e', 'f'][~~(Math.random() * 16)]) && (a.length == 6) ? a : co(a);
})(''))

所以:

document.getElementById("text").style.color='#' + (function co(a) {
           return(a += [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c', 'd', 'e', 'f'][~~(Math.random() * 16)]) && (a.length == 6) ? a : co(a);
    })('');

http://jsbin.com/ULenuFa/3/edit