JSFiddle - React, Tailwind, and code Playground

by termi

HTML

<ol reversed="" id=test1>
    <li>test 1</li>
    <li>test 2</li>
    <li>test 3</li>        
    <li>test 4</li>
    <li>test 5</li>
</ol>

<ol id=test2>
    <li>test 1</li>
    <li>test 2</li>
    <li>test 3</li>        
    <li>test 4</li>
    <li>test 5</li>
</ol>

<button id=doreverse>reverse</button>



 <!--[if lt IE 8]>
<script src="https://raw.github.com/termi/ES5-DOM-SHIM/master/__COMPILE/a.ielt8.js"></script>
<![endif]-->
<!--[if IE 8]>
<script src="https://raw.github.com/termi/ES5-DOM-SHIM/master/__COMPILE/a.ie8.js"></script>
<![endif]-->
<script src="https://raw.github.com/termi/ES5-DOM-SHIM/master/__COMPILE/a.js"></script>

JavaScript

document.getElementById("doreverse").addEventListener("click", function() {
    Array.prototype.forEach.call(document.getElementsByTagName("ol"), function(el) {
        el.reversed = !el.reversed;
    });
})