JSFiddle - React, Tailwind, and code Playground

by Neeraj Yadav

HTML

<p id="GFG_UP" style="font-size: 15px; font-weight: bold;"></p>

<button>
  click here
</button>

<pre id="GFG_DOWN" style="color:green; font-size: 20px; font-weight: bold;"></pre>

JavaScript

var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var obj = {
  "prop_1": {
    "prop_11": "val_11",
    "prop_12": "val_12"
  },
  "prop_2": "val_2",
  "prop_3": "val_3"
};

el_up.innerHTML = JSON.stringify(obj);

var elem = document.querySelector("button");
elem.addEventListener("click", () => {
	el_down.innerHTML = JSON.stringify(obj, undefined, 4);
})