如何使用独特的操作构建动态按钮

Question

我正在构建一个GUI，它从JSON文件中提取信息并在屏幕上填充div。我有动态创建的按钮，它们都有自己唯一的ID（例如：button1，button2，button3等等）我想让每个按钮根据从中提取的相应信息将独特信息传递给单独的div。 JSON。我希望这是有道理的。

当我循环使用JSON时，我正在构建如下按钮：

var viewBtn = document.createElement("button");
viewBtn.setAttribute("class", "button");
viewBtn.setAttribute("id", "button" + i);
viewBtn.innerHTML = "View More";
viewBtn.onclick = function()
{
  uniqueAction(i);
}
product.appendChild(viewBtn);

}

现在每个按钮都存储for循环传递的最后一个数字。提前感谢任何人可以借出的任何帮助!!