Necesito ayuda con "tipo test aleatorio" Html

Rastrojo

Pues no tengo ni idea de código, a ver si me podéis ayudar.

El uso sería para estudiar básicamente

<div style="width:100%;">
¿Cuanto es 2 + 2?:
<li> 3</li>
<li> 4</li>
<li> 8</li>
<li> 9</li>
</div>

Si pongo eso aparece así
¿Cuanto es 2 + 2?
•3
•4
•8
•9

¿Hay alguna forma de que cada vez que abra esa sección los resultados salgan en un orden aleatorio?

Gracias.

Peilo

Si no me equivoco, tendrías que hacerlo con JavaScript

neoline

No puedes hacerlo sin javascript.
Y no uses <li> sin no va dentro de un <ol> o <ul> (lista ordenada/desordenada).
Sería una cosa así:

html

<div style="width:100%;">
¿Cuanto es 2 + 2?:
  <ul>
    <li>3</li>
    <li>4</li>
    <li>8</li>
    <li>9</li>
  </ul>
</div>

javascript

var ul = document.querySelector('ul');
for (var i = ul.children.length; i >= 0; i--) {
    ul.appendChild(ul.children[Math.random() * i | 0]);
}

Demo: http://jsfiddle.net/uq8fw0c3/

3 1 respuesta
Rastrojo

#3 muchas gracias

1
JuAn4k4

Si se tenderize en el server también se puede hacer sin js

Usuarios habituales

  • JuAn4k4
  • Rastrojo
  • neoline
  • Peilo