JS Simple Shuffle

by Anton Polyakin

HTML

<ul class="shuffle-list">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
  <li>10</li>
</ul>

<button class="simple-shuffle">Simple Suffle</button>
<button class="back">Restore</button>

JavaScript

function simpleShuffle($items) {
  // Idea: ir de corte intercambiando con alguien al azar
	for (var i = 0; i < $items.length; i++) {
  	var $a = $items.eq(i);
    // el otro item, en una posición aleatoria
    var j = Math.floor($items.length * Math.random());
    var $b = $items.eq(j);
    
    // intercambiar items
  	var aux = $a.text();
    $a.text($b.text());
    $b.text(aux);
  }
}
$('button.simple-shuffle').on('click', function() {
	simpleShuffle($('ul li'));
});
$('button.back').on('click', function() {
	$('ul.shuffle-list').load(window.location.pathname);
$('ul.shuffle-list').load('initials.html #exercise-1')
});