Jogo da Forca com Imagem dica

[nilww]

Brothers,

Encontrei este jogo da forca, mas ele parece incompleto, pois o bonequinho enforcado não funciona de acordo com os erros cometidos.

Outra coisa é que eu queria sempre mostrar uma imagem (como dica) de acordo com a palavra selecionada.

Como sou iniciante em javascript, gostaria de uma ajuda para incluir estas duas soluções nesse código:

<script>

Array.prototype.random = function() {

/*Retorna um valor randômico de um array*/

return this[Math.floor((Math.random()*this.length))];

}

Array.prototype.chrArrayToString = function(sep) {

var a = new String();

var len = this.length;

for (var i = 0; i < len; i++) {

a += this

if (i+1<len) a += sep;

}

return a;

}

Array.prototype.search = function(s,q){

/*Multi-dimensional array search in javascript*/

var len = this.length;

if (q) {

s=s.toString();

for(var i=0; i<len; i++){

if(this.constructor == Array) if(this.search(s,q)) return true;

if(this.toString().indexOf(s) != -1) return true;

}

}

else {

for(var i=0; i<len; i++){

if(this.constructor == Array) if(this.search(s,q)) return true;

if(this===s) return true;

}

}

return false;

}

String.prototype.replaceAt=function() {

var rlen=(arguments[2]==null?1:arguments[2]);

return this.substring(0,arguments[0])+arguments[1]+this.substring(arguments[0]+rlen);

}

String.prototype.formatCurrency = function© {

var t = this; if(c == undefined) c = 2;

var p, d = (t=t.split("."))[1].substr(0, c);

for(p = (t=t[0]).length; (p-=3) > 1;) {

t = t.substr(0,p) + "." + t.substr(p);

}

return t+","+d+Array(c+1-d.length).join(0);

}

String.prototype.tiraacento = function (word){

var palavra = this.toLowerCase();

palavra = palavra.replace(/[áàâãª]/g,'a');

palavra = palavra.replace(/[ÁÀÂÃ]/g,"A");

palavra = palavra.replace(/[éèê]/g,"e");

palavra = palavra.replace(/[ÉÈÊ]/g,"E");

palavra = palavra.replace(/[íìî]/g,"i");

palavra = palavra.replace(/[óòôõº]/g,"o");

palavra = palavra.replace(/[ÓÒÔÕ]/g,"O");

palavra = palavra.replace(/[úùû]/g,"u");

palavra = palavra.replace(/[ÚÙÛ]/g,"U");

return palavra;

}

/* Construtor da classe */

function forca() {}

function executa(e){

/* Correção para eventos quebrados da Microsoft */

if(typeof(e)=='undefined')var e=window.event;

source=e.target?e.target:e.srcElement;

/* Correção para o bug do Konqueror/Safari */

if(source.nodeType==3)source=source.parentNode ;

/* Obtém a letra digitada */

var letra=source.value.tiraacento();

/* validação de entrada */

var validentry=/[A-Za-zÀ-ú]/

source.value="";

if(!validentry.test(letra)) return false

/* Se a letra ainda não está na lista de tentativas, adicione-a */

if(!this.letrastentadas.search(letra)) {

this.letrastentadas.push(letra);

this.tries.innerHTML = "Letras tentadas: " + this.letrastentadas.chrArrayToString(',');

}

if (this.palavraminuscula.indexOf(letra) != -1){

/* Achei a letra na palavra ! */

this.mostraletras(letra);

}else{

this.divmessages.innerHTML = 'A palavra não contém a letra ' + letra;

this.verificaerros(letra);

}

}

function verificaerros(letra){

/* se tem 0 erros ou a letra ainda não está na lista de letras erradas */

if (this.errors ==0 || !this.erradasletras.search(letra)){

this.erradasletras.push(letra);

this.erros++;

}

this.diverros.innerHTML = this.erros + ' erro(s)';

/* número máximo de error artingido, reiniciar o jogo ? */

if (this.erros>5){

this.divmessages.innerHTML = 'Fim de jogo!<br /> A palavra era ' + this.palavraselecionada;

var denovo = confirm("Quer jogar de novo?");

if (denovo==true) this.init();

}

}

function mostraletras(caractere){

/* em board], temos um array do tamanho da palavra oculta.

Se não foi achado ainda, board[caractere] =0

Após achar, board[caractere] =1

Depois de achado e exibido, board[caractere] =2

*/

for (var x=this.t-1; x>=0;x--){

if (this.palavraminuscula.charAt(x) == caractere) this.board[x]=1;

}

this.mostrapalavra();

}

function mostrapalavra(){

for (var x=0; x<this.t;x++){

if (this.board[x] & 1){

var ch = this.selecionadaarray[x];

this.wordoculta=this.wordoculta.replaceAt(x, ch);

this.board[x] = 2;

}

}

this.telaoculta.innerHTML = this.wordoculta;

if (this.wordoculta==this.palavraselecionada){

this.telaoculta.innerHTML = "Parabéns, você acertou! A palavra é: " + this.palavraselecionada;

var denovo = confirm("Quer jogar de novo?");

if (denovo==true) this.init()

}

}

function iniciar(){

this.erros=0;

this.wordoculta=new String;

this.erradasletras=new Array;

this.letrastentadas=new Array;

this.board=new Array;

this.selecionadaarray=new Array;

var palavras = new Array('Walter', 'Aline', 'Cecília', 'Rodrigo', 'Cidades', 'Coração', 'Freud', 'Jônatas',

'Rafael', 'Aprígio', 'javascript','venkman','mozilla','php','manga','mosquito', 'Nina', 'Lewis','Einstein');

this.size = document.getElementById('tamanho');

this.divmessages = document.getElementById('messages');

this.diverros=document.getElementById('erros');

this.telaoculta=document.getElementById('palavraoculta');

this.tries=document.getElementById('tentativas');

this.palavraselecionada = palavras.random();

this.palavraminuscula = this.palavraselecionada.tiraacento();

this.t=this.palavraselecionada.length;

this.wordoculta=this.palavraminuscula.replace(/[A-Za-zÀ-ú]/g,'_');

for (var z=0;z<this.t;z++){

this.board[z]=0;

this.selecionadaarray[z] = this.palavraselecionada.charAt(z);

}

this.telaoculta.innerHTML = this.wordoculta;

this.divmessages.innerHTML = 'Novo jogo iniciado';

this.diverros.innerHTML = 'Nenhum erro até o momento';

this.size.innerHTML = 'A palavra tem ' + this.t + ' letras';

this.tries.innerHTML = "Letras tentadas:";

}

forca.prototype.executa=executa

forca.prototype.verificaerros=verificaerros

forca.prototype.mostraletras=mostraletras

forca.prototype.mostrapalavra=mostrapalavra

forca.prototype.init=iniciar

function executaforca(e){

fo.executa(e);

}

function reinicio(){

document.getElementById('entrada').focus();

fo.init();

}

window.onload = init

function init(){

document.getElementById('entrada').focus();

fo = new forca();

fo.init();

var inputentry=document.getElementById('entrada');

inputentry.onkeyup=executaforca;

var novo=document.getElementById('new');

novo.onclick=reinicio

}

</script>

<style>

input.hid{ display:none; }

body{ background-color:#fff; font-family:Verdana,Arial,Helvetica; color:blue; font-weight:bold;}

#palavraoculta{ letter-spacing:5px; }

input.entry{ border:1px solid #666666; background-color: #ffffff; }

</style>

<head>

<title>Forca</title>

</head>

<center>

<br><br><br>

<body>

<div id="tamanho"></div>

<div id="erros"></div>

<div id="palavraoculta"></div>

<br />

<form>

<input id="hid" class="hid"></input>

<input id="entrada" type="text" class="entry" size="1" maxlength="1"></input>

<div id="messages"></div>

<div id="tentativas"></div><br />

<input type="button" value="Tentar Outra Palavra" id="new"></input>

</form>

<pre>

____

| |

| O

| /|\

| / \

|

</pre>

</body>

</center>

</html>