JSFiddle - React, Tailwind, and code Playground

by Rapha Souza

JavaScript

var id ="testemp4"

    var extensao = id.substr(id.length - 3); 
alert(extensao)

/****vc esta passando testemp4 pro if e nao jpg tem que fazer o substring ou o split depois do ponto ***/

if (extensao == "jpg" || extensao =="png") {
      console.log("IMAGEM");   //Caso imagem
      //Cria a div
      var iDiv = document.createElement('DIV');
      iDiv.className = 'mySlides';
      document.getElementById('comeco').appendChild(iDiv);

      //Cria o elemento a
      var a = document.createElement('A');
      a.className = "example-image-link";
      a.setAttribute("href", datasetDsConsultaTable.values[i].urlEcmAcelerador);
      a.setAttribute("data-lightbox", "example-1")

      //Cria o elemento da imagem, o img (IMAGEM GRANDE)
      var img = document.createElement("IMG");

      img.className = "example-image";
      img.src = datasetDsConsultaTable.values[i].urlEcmAcelerador;
      img.setAttribute("style", "width:100%")
      img.setAttribute("alt", "image-1");

      iDiv.appendChild(a);

      a.appendChild(img);

      //--------------------------------------------//


      //Cria o elemento da thumb (IMAGEM PEQUENA)
      var divThumb = document.createElement("DIV");
      divThumb.className = "column";
      document.getElementById('fim').appendChild(divThumb);

      var thumb = document.createElement("IMG");
      thumb.className = "demo cursor";
      thumb.src = datasetDsConsultaTable.values[i].urlEcmAcelerador;
      thumb.setAttribute("style", "width:100%");
      thumb.setAttribute("onclick", "currentSlide(" + j + ")");

      divThumb.appendChild(thumb);
    }

    if(extensao == "mp4") { //se for video
      console.log("VIDEO");
      //Cria o VIDEO
      var iDiv = document.createElement('div');
      iDiv.className = 'mySlides';
      document.getElementById('comeco').appendChild(iDiv);

      var a = document.createElement('A');
      a.className = "example-image-link";
      a.setAttribute("href", "teste.png");
     ...