Widget:Teste

<script> (function () {

   const raw = document.getElementById('infoboxboss-data');
   if (!raw) return;

   const habilidades = [];

   for (let i = 1; i <= 15; i++) {
       const nome = raw.dataset[`hab${i}`];
       const descricao = raw.dataset[`de${i}`];
       const videoFile = raw.dataset[`vid${i}`];
       if (!nome || !videoFile) continue;

       habilidades.push({
           nome,
           descricao,
           videoFile
       });
   }

   const tabsContainer = document.getElementById('skill-tabs');
   const descText = document.getElementById('desc-text');
   const videoRender = document.getElementById('skill-video-render');

   const renderWidget = (file) => {

videoRender.innerHTML = `

}

`;

   };

   habilidades.forEach((hab, idx) => {
       const btn = document.createElement('button');
       btn.className = 'infobox-skill-tab' + (idx === 0 ? ' active' : );
       btn.textContent = hab.nome;
       btn.addEventListener('click', () => {
           document.querySelectorAll('.infobox-skill-tab').forEach(t => t.classList.remove('active'));
           btn.classList.add('active');

           descText.innerHTML = hab.descricao.replace(/(.*?)/g, '$1');
           renderWidget(hab.videoFile);
       });
       tabsContainer.appendChild(btn);
   });

   if (habilidades.length) {
       descText.innerHTML = habilidades[0].descricao.replace(/(.*?)/g, '$1');
       renderWidget(habilidades[0].videoFile);
   }

   raw.remove();

})(); </script>