Javascript JavaScript - Valor índice vetor não altera posição

[guhbrj]

Pessoal, pode me ajudar a resolver esse problema?

 

Embaralho os valores no vetor mas ao passar pro HTML ele não fica embaralhado.

Como faz ?

var vet = ['01.jpg', '02.jpg', '03.jpg', '04.jpg', '05.jpg', '06.jpg', '07.jpg', '08.jpg', '09.jpg', '10.jpg', '11.jpg'];
var i, aux, rand1 = 1, rand2 = 2, emb;
var id;

function embaralhar() {


  emb = Math.floor(Math.random() * 10);

  for (i = 0; i <= emb; i++) {

    rand1 = Math.floor(Math.random() * 10);

    do {
      
      rand2 = Math.floor(Math.random() * 10);

    } while (rand1 == rand2);

    aux = vet[rand1];
    vet[rand1] = vet[rand2];
    vet[rand2] = aux;

    for (i = 0; i <= 10; i++) {

      if (i <= 9) {

        id = "drag0" + String(i);

      } else {

        id = "drag" + String(i);

      }

    }

  }
  alert(vet); // no alert, ao abrir o navegador, aparece embaralhado mas no html nao embaralha.
  return vet;
}

 

[GabrielSennaMs]

@guhbrj 

 

onde você faz a chamada para o método embaralhar() e como você inseri o array no html? monstra o código completo.

 

Existe uma maneira de fazer essa embaralhar usando o método sort();

var arr = ['01.jpg', '02.jpg', '03.jpg', '04.jpg', '05.jpg', '06.jpg', '07.jpg', '08.jpg', '09.jpg', '10.jpg', '11.jpg'];
console.log(arr.sort(function(a, b){return 0.5 - Math.random()}));

Assim o embaralhamento fica mais fácil

[guhbrj]

Pessoal, o problema estava na chamada da função no HTML. Consegui colocando uma tag <script> chamando a função. Abraços !!