Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title></title> <script type="text/javascript"> var palabra; var letras_palabras = []; var letras_usadas = []; var errores = 0; var aciertos = 0; function cargar() { palabra = prompt("Insertar palabra: "); if (palabra.length <= 2 || palabra =="") { document.getElementById("principal").innerHTML = "Error debe ingresar una palabra con mas de dos caracter! <br><br> <a href='index.htm'> Intentar de nuevo </a>"; } else { for (var i = 0; i <= palabra.length - 1; i++) { letras_palabras[i] = "_"; } principal(); } } function principal() { if (letras_palabras.length != aciertos) { var salida = new String(); for (var i = 0; i <= letras_palabras.length - 1; i++) { salida += letras_palabras[i] + " "; } document.getElementById("palabra").innerHTML = "Palabra: " + salida; error(); } else { document.getElementById("principal").innerHTML = "Muy bien pasaste andubiste rico!"; } } function error() { if (errores == 6) { document.getElementById("principal").innerHTML = "JAJAJAJA PERDISTE! La palabra era <b>" + palabra + "</b> <br><br> <img src='img/img7.jpg'> "; } else if (errores==5) { document.getElementById("errores").innerHTML = "<img src='img/img6.jpg'>"; } else if (errores==4) { document.getElementById("errores").innerHTML = "<img src='img/img5.jpg'>"; } else if (errores==3) { document.getElementById("errores").innerHTML = "<img src='img/img4.jpg'>"; } else if (errores==2) { document.getElementById("errores").innerHTML = "<img src='img/img3.jpg'>"; } else if (errores==1) { document.getElementById("errores").innerHTML = "<img src='img/img2.jpg'>"; } else { document.getElementById("errores").innerHTML = "<img src='img/img1.jpg'>"; } } function letrasusadas() { var salida = new String(); for (var i=0; i <= letras_usadas.length - 1; i++){ salida += letras_usadas[i] + " "; } document.getElementById("letras").innerHTML = "Letras Usadas: <b> " + salida + " </b>"; } function cargarLetras() { var letra; var pasar; do { pasar = true; letra = prompt("Ingrese una letra: "); if (letra.length == 1) { for (var i = 0; i <= letras_usadas.length - 1; i++) { if (letras_usadas[i] == letra) { alert("Esta letra ya se ingreso reintente"); pasar = false; } } if (pasar) { var posc = letras_usadas.length; letras_usadas[posc] = letra; comprobar(letra); pasar = true; } } else { alert("Se debe ingresar una sola letra"); pasar = false; } } while (!pasar); } function comprobar(letra) { var error = true; for (var i=0; i<=palabra.length - 1; i++) { if (palabra[i]==letra) { letras_palabras[i] = letra; aciertos++; error = false; } } if (error) { errores++; } letrasusadas(); principal(); } </script> </head> <body onload="cargar()"> <div id="principal"> <div id="palabra"> </div> <br> <div id="errores"> </div> <br> <div id="letras"> </div> <br><br> <input type="submit" value="Poner Letra" onclick="cargarLetras()"> </div> </body> </html>