Mira, te paso un ahorcado que hice para que veas como se tratan los caracteres:
Código HTML:
Ver original<div id="ahorcadoPal" style="letter-spacing: 4px;"></div> <input type="text" id="letraUsuario" /> <input type="button" value="Enviar" onclick="ahorcado();" />
Código Javascript
:
Ver original<script type="text/javascript">
Palabras = new Array('palabra1', 'texto2', 'frase3');
var numRand = Math.floor(Math.random()*Palabras.length);
PalabraAleatoria = Palabras[numRand];
LetrasErradas = new Array();
MaximosFallos = 5;
divPal = document.getElementById('ahorcadoPal');
for(var i = 0; i < PalabraAleatoria.length; i++) {
divPal.innerHTML = divPal.innerHTML + '_';
}
function ahorcado() {
var letraUsuario = document.getElementById('letraUsuario').value;
if(PalabraAleatoria.indexOf(letraUsuario) > -1) {
ponerLetras(letraUsuario);
if(divPal.innerHTML == PalabraAleatoria) {
alert('Ganaste!');return;
}
alert('Acertaste');
} else {
LetrasErradas.push(letraUsuario);
alert('Fallaste');
}
if(LetrasErradas.length >= 5) {
alert('Perdiste!');
}
document.getElementById('letraUsuario').value = "";
}
function ponerLetras(letra) {
pos = 0;
i = -1;
tempPalabra = divPal.innerHTML;
while (pos != -1) {
pos = PalabraAleatoria.indexOf(letra, i + 1);
if(pos == -1) {break;}
i = pos;
tempPalabra = tempPalabra.substring(0, pos) + letra + tempPalabra.substring(pos+1);
}
divPal.innerHTML = tempPalabra;
}
</script>