Añado otra respuesta de acuerdo a el ejercicio que requieres hacer, comentado para ver si de esa manera es más claro:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<ui>
<li class="mueble">Mesa</li>
<li class="escolar">Libreta</li>
<li class="escolar">Lapiz</li>
<li class="electrodomestico">Ventilador</li>
<li class="electrico">Enchufe</li>
<li class="decoracion">Alfombra</li>
<li class="television">Mando</li>
<li class="decoracion">Ambientador</li>
<li class="electrico">Cable</li>
<li class="electrico">Lampara</li>
</ui>
<script>
// Definimos el array de valores nuevos (no importa el orden)
objetos = [
'Mesa',
'Libreta',
'Lapiz',
'Ventilador',
'Enchufe',
'Alfombra',
'Mando',
'Ambientador',
'Cable',
'Lampara'
];
// Establecemos el tiempo de 3s
setTimeout(function () {
// Lanzamos mensaje de confirmación
result = confirm('Confirmas?');
// Si acepta...
if (result == true) {
// Obtenemos los elementos por la etiqueta 'li'
list = document.getElementsByTagName('li');
// Comenzamos un bucle donde la cantidad de iteraciones sea la longitud de la colección
for (let i = 0; i < list.length; i++) {
// Guardamos el li actual en la variable element
const element = list[i];
// Al elemento actual le asignamos el texto '' (que sería dejarlo en blanco)
element.innerHTML = '';
}
}
setTimeout(function () {
// *****Para asignar los valores ordenados después de haber borrado*****
// Confirm para ordenar
ordenar = confirm('Mostrar los elementos ordenados?');
// Si acepta...
if (ordenar == true) {
// ordenamos los objetos con la función sort
objetos.sort();
// tomamos de nuevo los elementos li
list = document.getElementsByTagName('li');
// Como ya sabemos que la cantidad de elementos en el array y los elementos li son los mismos, usamos un solo bucle
for (let i = 0; i < list.length; i++) {
// guarda el elemento li actual en la variable element
const element = list[i];
// Al elemento li actual, le vamos a asignar de texto, el valor en la posisión [i] del array de objetos (previamente ordenado)
element.innerHTML = objetos[i];
}
}
}, 3000);
}, 3000)
</script>
</body>
</html>