JSFiddle - React, Tailwind, and code Playground

by TicoRicoRay

HTML

<div id="result"></div>

JavaScript

var data = 
[
  'Subjects', 
  [
    'Geography',
    'History' ['Ancient History']
  ],
  'Sports',
  'Music'
];


function json_tree(data) {
  var json = "<ul>";
  for (var i = 0; i < data.length; ++i) {
    json = json + "<li>" + data[i];
    if (data[i].length) {
      json = json + json_tree(data[i]);
    }
    json = json + "</li>";
  }
  return json + "</ul>";
}

document.getElementById("result").innerHTML = json_tree(data);