JSFiddle - React, Tailwind, and code Playground

by Muzaffar Rasulov

HTML

<ul class="nav flex-column" id="trainNavBar">
  <li class="nav-item">
    <a class="nav-link active" href="#" data-idrju="0">
      <span class="fa fa-train" data-feather="train"></span>По дороге
    </a>
 </li>
 <li class="nav-item">
    <a class="nav-link" href="#" data-idrju="1">
      <span data-feather="layers">РЖУ Ташкент</span>
    </a>
  </li>
</ul>

JavaScript

let li = document.createElement('li');
li.setAttribute('class', 'nav-item');