【JS】跟随鼠标点击产生随机的颜色小方块

效果图

鼠标点哪里，哪里就出现颜色大小随机的小方块

JS

//网页点击事件
    document.onclick = function (eve) {
      //获取event对象
      var e = window.evens || eve;
      //创建节点
      var div = document.createElement('div');
      div.style.width = getNum(100, 200) + 'px';//宽度随机
      div.style.height = getNum(100, 200) + 'px';//高度随机
      // div.style.borderRadius='50%';//边框变圆
      div.style.backgroundColor = getColor();//颜色随机
      div.style.position = 'absolute';//设置定位
      //top和left值等于鼠标实时位置
      div.style.top = e.clientY + 'px';
      div.style.left = e.clientX + 'px';
      //追加到页面上
      document.body.appendChild(div);

    }


    //获取指定范围内的随机数
    function getNum(num1, num2) {
      var max, min;
      if (num1 > num2) {
        max = num1;
        min = num2;
      } else {
        max = num2;
        min = num1;
      }
      return Math.round(Math.random() * (max - min) + min);
    }

    //获取十六进制随机色
    function getColor() {
      var a = "#";
      var c = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'];
      for (var i = 0; i < 6; i++) {
        a += c[getNum(0, 15)];
      }
      return a;
    }