Código HTML:
Ver original
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <style> #fondo{ background-image:url(fondo.jpg); width:500px; height:500px; overflow:hidden; float:left; } #cuerpo{ position:relative; border:0; width:246px; margin:98px 0 0 227px; } td{ margin:0; border:0; } table{ margin:0px; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } #contenido{ float:left; margin-left:50px; } </style> <body> <!-- AQUI DIBUJAMOS EL FONDO Y EL MUÑECO --> <div id="fondo"> <div id="cuerpo" style=""> <table width="246" border="0" cellspacing="0" cellpadding="0"> <tr> </tr> <tr> </tr> </table> <table width="246" border="0" cellpadding="0" cellspacing="0"> <tr> </tr> </table> </div><!-- fin div cuerpo --> </div><!-- fin fondo --> <div id="contenido"> <!-- aqui meteremos todas las palabras que se vayan comprobando --> <!-- aqui ira la palabra a buscar --> <div id="pbusca"> </div> <div> <input id="letra" size="1" class="letra"/> <input id="prub" type="button" value="PRUEBA" onclick="prueba()"/> <!-- input para jugar otra partida --> <input id="otra" type="button" value="JUGAR OTRA PARTIDA" style="display:none"/> </div> </div><!-- fin contenido --> <script> var pal=["M A C E D O N I A","j u e g o","l i b e r t a d","j e s u s","c i c l o m o t o r","c o n o c e r","c o n s e g u i r","d i r e c t o r","e n c o n t r a r","e x p l i c a r","g o b i e r n o","g u i t a r r a"]; var palabrae;// para meter la palabra a buscar var fallos; // para contabilizar los fallos var txa; var cadena; var html; var aciertos; var total; var total2; alert("hola"); alert("adios"); function inicio(){ txa=document.getElementById('palabras') txa.value=""; document.getElementById('letra').value=""; var x=(pal.length-1); var a=rand(x); cadena = new String(pal[a]); palabrae=cadena.split(" "); total=palabrae.length; total2=0; for(var j=0;j<palabrae.length;j++){ palabrae[j]=palabrae[j].toUpperCase(); } crear(palabrae); fallos=0; aciertos=0; } function crear(cad){ html=""; var pb=document.getElementById('pbusca'); for(var n=0;n<cad.length;n++){ var p="p"+n; html+="<input id="+p+" class='letritas' type='text' size='1PX' readonly/></input>"; } pb.innerHTML=html; } function rand(x){ var xx=Math.round(Math.random()*x); return xx; } function prueba(){ aciertos=0; var let=(document.getElementById('letra').value); let=let.toUpperCase(); for (var k=0;k<palabrae.length;k++){ if (let==palabrae[k]){ var lett=document.getElementById('p'+k); lett.value=let; aciertos++; total2++; } } if(aciertos==0){ fallos++; document.getElementById('n'+fallos).style.visibility="visible"; } if(fallos==6){ alert("PERDISTE¡¡¡¡¡"); document.getElementById("prub").disabled=true; } txa.value=txa.value+let; document.getElementById('letra').value=""; if(total2==total){ alert("GANASTE¡¡¡¡¡"); document.getElementById("prub").disabled=true; } }// JavaScript Document </script> </body> </html>
lo he colgado en "http://www.ahorcado.paginaswebalzira.com"
Un saludo.