Javascript 我需要找出代码中的问题，因为它会给出错误的结果（+；1）

我需要帮助，使正确的表与相同的结果，而不是加一

let table = document.getElementById("pixelCanvas");
let sizePicker = document.getElementById("sizePicker");

let height = document.getElementById("inputHeight").value;
let width = document.getElementById("inputWidth").value;
makeGrid(height, width);

sizePicker.addEventListener("click", (e) => {

  e.preventDefault();

  let height = document.getElementById("inputHeight").value;
  let width = document.getElementById("inputWidth").value;
  table.firstElementChild.remove();

  makeGrid(height, width);

});

function makeGrid(height, width) {

  for (let i = 0; i <= height; i++) {
    let row = table.insertRow(i);
    for (let j = 0; j <= width; j++) {
      let cell = row.insertCell(j);
      cell.addEventListener("click", (e) => {
        cell.style.backgroundColor = color.value;
      })
    }
  }
}

let table=document.getElementById（“像素画布”）；
设sizePicker=document.getElementById（“sizePicker”）；
让height=document.getElementById（“inputHeight”）.value；
让宽度=document.getElementById（“inputWidth”）.value；
makeGrid（高度、宽度）；
sizePicker.addEventListener（“单击”，（e）=>{
e、 预防默认值（）；
让height=document.getElementById（“inputHeight”）.value；
让宽度=document.getElementById（“inputWidth”）.value；
table.firstElementChild.remove（）；
makeGrid（高度、宽度）；
});
函数makeGrid（高度、宽度）{
因为（让我=0；我我做这件事只是因为它是一件有趣的事


const in_H=document.querySelector（“#输入高度”）
，in_W=document.querySelector（“#输入宽度”）
，btColor=document.querySelector（“#颜色按钮”）
，btDraw=document.querySelector（“#大小选择器”）
，PixTab=document.querySelector（“#像素画布”）
;
函数makeGrid（）
{
设hMax=in_H.valueAsNumber
，wMax=in_W.valueAsNumber
;
PixTab.innerHTML=null
for（设h=0；h{
如果（e.target.tagName.toLowerCase（）！='td'）返回
e、 target.style.backgroundColor=btColor.value
}
表{边框折叠：折叠；边距：1em}
td{边框：1px纯灰色；宽度：1em；高度：1em；}

高度：
宽度：


画新矩形

颜色。值
不知从何而来。。