как при клике в любой точке BODY сгенерировать DIV с случайным цветом

//elm
//====================================================
let elm = document.createElement('div');            //
let x = Math.random()*255;                          //
let y = Math.random()*255;                          //
let z = Math.random()*255;                          //
elm.style.backgroundColor=`rgb (${x},${y},${z})`;   //
elm.style.width='100px';                            //
elm.style.height='100px';                           //
//====================================================

 document.body.addEventListener('click', ()=>{//не работает
     document.body.appendChild(elm)
 })


Ответы (2 шт):

Автор решения: Denis640Kb

    document.body.addEventListener('click', ()=>{//не работает
        let elm = document.createElement('div');            //
        let x = Math.round(Math.random()*255);                          //
        let y = Math.round(Math.random()*255);                            //
        let z = Math.round(Math.random()*255);
        color = 'rgb('+x+', '+y+', '+z+')';
        elm.style.backgroundColor = color;
        elm.style.width='100px';                            //
        elm.style.height='100px';
        document.body.appendChild(elm);
    })
    html body{
        width: 100%;
        height: 1000px;
    }
<body></body>

→ Ссылка
Автор решения: Август

в строчке

elm.style.backgroundColor=`rgb (${x},${y},${z})`;

лишний пробел после rgb

→ Ссылка