CodePen Embed - 2019-12-02-sample-08

<script>
var json_sample_data = [
  {
    "name" : "sample-00",
    "age" : 30
  },
  {
    "name" : "sample-01",
    "age" : 23
  }
];
</script>

<p id="sample00-html"></p>
<p id="sample01-html"></p>

var json_sample00 = json_sample_data[0].name;
// var json_sample00 = json_sample_data[0]["name"];

document.getElementById("sample00-html").innerText = json_sample00;

var json_sample01 = json_sample_data[1].name;
// var json_sample = json_sample_data[1]["name"];

document.getElementById("sample01-html").innerText = json_sample01;

This Pen is owned by YOHEI INAI on CodePen.

See more by @yohei_inai on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.