Changer la couleur d'une div aléatoirement

Bonjour

j'ai créer une page web sur laquelle il y a un carré. Et j'aimerais qu'à chaque clic sur le carré, sa couleur change aléatoirement

J'ai donc fait 2 fonctions :

function changeBackgroundColor(color){
            document.getElementById("carre").style.backgroundColor = color;
        }

et

function randColor(){
    return '#'+(function(h){return new Array(7-h.length).join("0")+h})((Math.random()*(0xFFFFFF+1)<<0).toString(16));
    ;
}

donc si je mets :

<div onclick="changeBackgroundColor('#fff');"id="carre" style="width:220px; height:220px; " >

dans mon code html, et que je clique sur le carré, sa couleur passe de noire à blanche. C'est un bon début, mais ce n'est pas vraiment ce que je veux obtenir

J'ai donc essayé ça :

<div onclick="changeBackgroundColor('randColor()');"id="carre" style="width:220px; height:220px; " >
 </div>

mais ça ne fonctionne pas

Auriez vous une piste pour résoudre mon problème ?

Merci d'avance