//js code to make traffic circle tab


const idSetString = `
#daryagangcircle
#kamalmarketcircle
#phargangcircle
#karolbaghcircle

`;
const titleSetString = `
Daryaganj Circle
Kamla Market Circle
PaharGanj Circle
Karol Bagh Circle

`;
const titleSetArray = titleSetString
  .trim()
  .split('\n')
  .map(item => item.trim())
  .filter(item => item !== '');
const idSetArray = idSetString
  .trim()
  .split('\n')
  .map(item => item.trim())
  .filter(item => item !== '');
  
  
  let htmlOutput = `<ul class="nav nav-tabs mb-4">`;

for (let i = 0; i < idSetArray.length; i++) {
  htmlOutput += `
    <li class="nav-item">
      <button class="nav-link traffic-circle-tab ${i === 0 ? 'active' : ''}"
              data-bs-toggle="tab"
              data-bs-target="${idSetArray[i]}">
        ${titleSetArray[i]}
      </button>
    </li>
  `;
}

htmlOutput += `</ul>`;
console.log(htmlOutput);