JSFiddle - React, Tailwind, and code Playground

by Juan Manuel Cruz

HTML

<!-- Sorting test -->
<div>
  <p>5</p>
  <p>8</p>
  <p>4</p>
  <p>1</p>
  <p>2</p>
 </div>

JavaScript

function funcion_predicado (a, b) {
  let A = parseInt(a.innerHTML)
	let B = parseInt(b.innerHTML)
	return A - B
}

const padre = document.querySelector('div')

const hijos = [ ...padre.children ]
  //.map(x => x.cloneNode(/*true*/))
  .sort( funcion_predicado )
  
console.log(hijos)

while( padre.firstChild) padre.removeChild( padre.firstChild )

console.log(hijos)
hijos.forEach(hijo => { padre.insertAdjaventElement('beforeend', hijo) } )