Tinysort #125

by abubelinha

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/tinysort/2.2.4/tinysort.min.js"></script>
<ul>
  <li>foo</li>
  <li>bar</li>
  <li>baz</li>
  <li>qux</li>
  <li>lorem</li>
  <li>ipsum</li>
  <li>dolor</li>
  <li>sit</li>
  <li>amet</li>
</ul>
<button>sort</button>
<button id="original">original order</button>

JavaScript

var listElements = document.querySelectorAll('li');
for (var i = 0, l = listElements.length; i < l; i++) {
  listElements[i].setAttribute('value', i);
}
document.querySelector('button').addEventListener('click', function() {
  tinysort(listElements);
});
document.getElementById('original').addEventListener('click', function() {
  tinysort(listElements, {
    attr: 'value'
  });
});