<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="awsers.php">
<script type="text/javascript">
function cargarCuestionario(){
var contenido = new Array(5);
var i = 0;
contenido[0] = "¿PREGUNTA ALFA?";
contenido[1] = "¿INTERROGANTE BRAVO?";
contenido[2] = "¿CUESTIÓN CHARLI?" ;
contenido[3] = "¿DUDA DELTA?";
contenido[4] = "¿INQUIETUD EASY?";
/* Se genera el orden aleatorio en que se mostrará el contenido */
mostrar = new Array(5);
for (i=0; i<mostrar.length; i++){
mostrar[i] = i;
}
mostrar = mostrar.sort(function() {
return Math.random() - 0.5;
});
/* Se muestra el contenido en función del orden generado */
for (i=0; i<mostrar.length; i++){
document.getElementById(i).innerHTML = contenido[parseInt(mostrar[i])];
};
}
window.onload = cargarCuestionario;
</script>
</head>
<body>
<table align="center">
<br>
<div id="0"></div>
<br>
<div id="1"></div>
<br>
<div id="2"></div>
<br>
<div id="3"></div>
<br>
<div id="4"></div>
</table>
</body>