1、隨機公式

var random = Math.random()*(max-min)+min

1.1、有了隨機公式我們就可以來封裝隨機顏色

function randomColor(){
            let random = '#'
            for(let i=0; i<6; i++){
                random += parseInt(Math.random() * 15).toString(16)  //隨機數(shù)取整，并轉(zhuǎn)換成16進制
            }
            return random    //返回隨機數(shù)
        }

隨機顏色1.png

1.2、咋們封裝兩個獲取元素的函數(shù)

( $ = s => document.querySelector(s))()  //就是自調(diào)用函數(shù)
function $$(s){ return document.querySelectorAll(s) }

1.3、給按鈕添加點擊事件（點擊按鈕，div盒子變色）

$('button').onclick = function(){
            Array.from($$('div')).forEach(ele => {  
                let bunch = randomColor()
                Object.assign(ele.style,{      //  Object.assign將多個對象合并到一個身上
                    background: bunch
                })
                ele.innerHTML = `<p>${bunch}</p>`  //還是顯示一下吧
            });
        }

最后的效果如下 ↓

隨機色.gif