Para empezar a hacer el impresentable por aquí os dejaré con un código que hice el otro día, que no es gran cosa, pero me llevo su tiempo.
El código en cuestión es una javascript que hace que cuando aciertes el texto que hay que intrudicir, cambie el color del borde de la caja de texto de rojo a verde :). Vale, esto no es util, pero cuando haces un juego como este, es útil. Digamos que en el código fuente de la página tenemos a manera de código fuente el siguiente caso. Si lo que hay en la variable CampoQueHayQueIntroducir1, coincide con CampoIntroducido1, entonces haremos que se cambie.
Una vez tenía el código terminado, me dí cuenta, que cualquiera que entiendiera medianamente de programación podía entrar en el código fuente y ver las variables y copy&paste, asi que la solución que se me ocurrio fue, encriptar cada una de ellas en md5. Si CampoQueHayQueIntroducir1 en md5 coincide con CampoIntroducido1 en md5, bingo!
Sin más dilación os dejo con el código fuente con el que hice http://www.poniendowebs.net/harry/
function valida(respuesta,pregunta){
document.getElementById(pregunta).style.border = "2px solid #ff0000"; //Le decimos que el color es rojo de por sí
if (hex_md5(document.getElementById(pregunta).value.toLowerCase()) == respuesta){ //Aquí hacemos el condicional de si el valor de la pregunta en md5, es igual a la respuesta en minúscula (que ya hemos codificado en md5), entonces:
document.getElementById(pregunta).style.borderColor="#00cc00" //Verde
document.getElementById(pregunta).disabled = true //Desactivamos
aciertos++ //Incrementamos la variable aciertos
}
}
document.getElementById('aciertos').innerHTML=aciertos //Mostramos los aciertos