title: Dynamic tree algorithm using JS
body: <p>-init Data</p>
  <pre><code>{
  sport: ['s_1', 's_2', 's_3'],
  date: ['d_1', 'd_2'],
  category: ['c_1']
  }
  </code></pre>
  <ul>
  <li>Input data (dynamic with fields)</li>
  </ul>
  <p>['sport', 'date'] or ['sport', 'date', 'category']</p>
  <ul>
  <li>Output data</li>
  </ul>
  <p>If input data = ['sport', 'date']</p>
  <p>: output have to show below.</p>
  <pre><code>[
  's_1',
  's_1|d_1',
  's_1|d_2',
  's_2',
  's_2|d_1',
  's_2|d_2',
  's_3',
  's_3|d_1',
  's_3|d_2'
  ]
  </code></pre>
  <p>If input data = ['sport', 'date', 'category']</p>
  <p>: output have to show below.</p>
  <pre><code>['s_1',
  's_1|d_1',
  's_1|d_1|c_1',
  's_1|d_2',
  's_1|d_2|c_1'
  's_2',
  's_2|d_1',
  's_2|d_1|c_1',
  's_2|d_2',
  's_2|d_2|c_1',
  's_3',
  's_3|d_1',
  's_3|d_1|c_1',
  's_3|d_2',
  's_3|d_2|c_1'
  ]
  </code></pre>