Javascript 将数据添加到画布div'；通过单击矩形来创建矩形

我已将数据放入div的手册中（只需键入

1111

，

2222

，

333

，

4444

）

我的问题是，是否有可能从JSON获取数据（我尝试了JSON，但失败了——我认为错误在我身上）。我在网上搜索答案，但没有找到

因此，如果我单击第一个矩形，它应该会给我一个显示在JSON文件divs中的数据，而不是提示

JSON是：

{
    "name": "1",
    "text": "111111",
    "version": "1.0.0",
    "country": "NL"
}

---

因此，它不应该只键入

1111

，而应该将这些数据放在JSON文件的第一个div中。

使用JSON.parse将JSON转换为jsonObject，然后获取这些值并添加到这个脚本中我该如何做呢？var jsn='{“name”：“1”，“text”：“111111”，“version”：“1.0.0”，“country”：“NL”}；var jsnObj=JSON.parse（jsn）；jsnObj.country将给出NL，jsnObj.version将给出1.0.0。如果这是你所期望的，让我知道我会把它转到answer@Wishy很抱歉，由于一些问题，我没能完成这个项目，所以反应太晚了。我想这就是我正在寻找的，你知道我是如何将其编码到我的脚本中的吗？这个jsbin对你有帮助吗