Friends, I'm developing a simple jigsaw game in JavaScript, no dummy, only with a odds counter, however, I'm not able to limit the player's odds and I'm having some syntactic errors. can you help me? Here is the code:
HTML:
<html>
<head>
<title>Jogo da Forca</title>
</head>
<body>
<div id="all">
<h1>JOGO DA FORCA</h1>
<div id="campo">Palavra:
<input type="password" id="tela" value="" />
</div>
<input type="text" id="resp" value="" onload="criarTracos();" />
<div id="teclas">
<br/>
<input type="button" value="Q" id="Q" onClick="preencher(value);">
<input type="button" value="W" id="W" onClick="preencher(value);">
<input type="button" value="E" id="E" onClick="preencher(value);">
<input type="button" value="R" id="R" onClick="preencher(value);">
<input type="button" value="T" id="T" onClick="preencher(value);">
<input type="button" value="Y" id="Y" onClick="preencher(value);">
<input type="button" value="U" id="U" onClick="preencher(value);">
<input type="button" value="I" id="I" onClick="preencher(value);">
<input type="button" value="O" id="P" onClick="preencher(value);">
<br/>
<input type="button" value="A" id="A" onClick="preencher(value);">
<input type="button" value="S" id="S" onClick="preencher(value);">
<input type="button" value="D" id="D" onClick="preencher(value);">
<input type="button" value="F" id="F" onClick="preencher(value);">
<input type="button" value="G" id="G" onClick="preencher(value);">
<input type="button" value="H" id="H" onClick="preencher(value);">
<input type="button" value="J" id="J" onClick="preencher(value);">
<input type="button" value="K" id="K" onClick="preencher(value);">
<input type="button" value="L" id="L" onClick="preencher(value);">
<br />
<input type="button" value="Z" id="Z" onClick="preencher(value);">
<input type="button" value="X" id="X" onClick="preencher(value);">
<input type="button" value="C" id="C" onClick="preencher(value);">
<input type="button" value="V" id="V" onClick="preencher(value);">
<input type="button" value="B" id="B" onClick="preencher(value);">
<input type="button" value="N" id="N" onClick="preencher(value);">
<input type="button" value="M" id="M" onClick="preencher(value);">
<input type="button" value="APAGAR" id="APAGAR" onClick="backspace(tela);" style="width=1000px;">
<br/>
</div>
<br />
<input type="button" value="iniciar" id="iniciar" onClick="iniciar(tela);">
</div>
</body>
</html>
Javascript:
var palavra = new Array();
var controlando = 0;
var cont = 0;
var tracos = [];
var conpt = 0; //controle
var jogadas = 5;
function preencher(valor) {
var elemento = document.getElementById("tela");
var value = elemento.value;
if (controlando == 0) {
elemento.value = value + valor;
}
if (controlando == 1) {
preenchimento(valor);
if (renan == 1) {
jogadas = jogadas - 1;
alert(jogadas);
}
}
}
function preenchimento(valor) {
var elemento = document.getElementById("resp");
var value = elemento.value;
var checando = 0;
for (var i = 0; i < palavra.length; i++) {
if (valor == palavra[i]) {
tracos[i] = valor;
document.getElementById(valor).disabled = true;
conpt = 2;
} else conpt = 1;
}
if (conpt == 1) jogadas = jogadas - 1;
elemento.value = tracos;
}
function backspace(campo) {
valor = campo.value;
tamanho = valor.length
campo.value = valor.substring(0, tamanho - 1)
}
function iniciar(tela) {
var copia = tela.value;
document.getElementById("tela").disabled = 1; //checar se pode
palavra = copia;
controlando = 1;
criarTracos();
}
function criarTracos(valor) {
var elemento = document.getElementById("resp");
var tam = palavra.length;
for (var i = 0; i < tam; i++) {
tracos[i] = "__";
}
elemento.value = tracos;
}