通过随机int 5-15像素增加每个方块

Question

你好我必须基本上改变每个现有方块的css属性，这里是我的代码

function px1() {
  var allsquares = document.querySelectorAll("#squarearea div");
  var ranpixsize = getRndInteger(5, 15);
  for (var i = 0; i < allsquares.length; i++) {
    allsquares[i].style.width = parseInt(allsquares.style.width, 10) + ranpixsize + 'px';
    allsquares[i].style.height = parseInt(allsquares.style.height, 10) + ranpixsize + 'px';
  }

}


function getRndInteger(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

<button id="colours">Change Colours</button>

按钮在那里，但是当我点击它时，现有方块没有任何反应。有什么帮助吗？