Quiero quitar el ordenamiento de las funciones en los input y pasarlo al window.onload, pero no termino de pasar bien el de boton de empezar, ¿como seria? Gracias, le dejo como lo tengo de momento echo pero que no me funciona.
Código Javascript
:
Ver original<html>
<head>
<script type="text/javascript">
window.onload = function (){
document.getElementById("bt_inicio").onclick= ponerFrase (){this.style.display='none';}
document.getElementById("bt_comprobar").onclick=comprobar;
}
var frase = '';
var fraseArray = new Array();
var continuar = 0;
var fallo = 1;
var errores = 0;
function ponerFrase()
{
frase = prompt('Escribe la frase','');
if(frase != null)
{
for(i=0;i<frase.length;i++)
{
if(frase.substring(i,i+1) == ' ')
fraseArray[i] = '*';
else
fraseArray[i] = '-';
}
document.getElementById('frase_oculta').innerHTML = fraseArray.join('');
}
else
document.getElementById('bt_comprobar').style.visibility = 'hidden';
document.getElementById('letra').focus();
}
function comprobar()
{
var letra = document.getElementById('letra').value;
for(i=0;i<frase.length;i++)
{
if(letra == frase.substring(i,i+1))
{
fraseArray[i]=letra;
fallo = 0;
}
}
document.getElementById('frase_oculta').innerHTML = fraseArray.join('');
document.getElementById('letra').value = '';
document.getElementById('letra').focus();
for(i=0;i<frase.length;i++)
{
if(fraseArray[i] == '-')
continuar = 1;
}
//comprobamos si ya ha acertado toda la frase
if(continuar == 0)
{
alert('Has acertado!');
continuar = 0;
errores = 0;
fallo = 1;
frase = '';
fraseArray = new Array();
document.getElementById('frase_oculta').innerHTML = '';
document.getElementById('div_errores').innerHTML = '';
document.getElementById('bt_inicio').style.display = '';
}
else
continuar = 0;
//comprobamos si ha fallado
if(fallo == 1)
{
errores += 1;
fallo = 1;
}
else
fallo = 1;
//comprobamos el total de errores
if(errores > 7)
{
alert('Has Fallado, estas ¡AHORCADO!');
continuar = 0;
errores = 0;
fallo = 1;
frase = '';
fraseArray = new Array();
document.getElementById('frase_oculta').innerHTML = '';
document.getElementById('div_errores').innerHTML = '';
document.getElementById('bt_inicio').style.display = '';
}
else
document.getElementById('div_errores').innerHTML = 'Errores: ' + errores;
}
</script>
</head>
<body>
<form id="form1">
<div>
<input type="button" value="Empezar" id="bt_inicio" />
<div id="frase_oculta"></div>
<input id="letra" type="text" maxlength="1" style="width:15px" />
<input type="button" id="bt_comprobar" value="Aceptar" />
</div>
<div id="div_errores"></div>
</form>
</body>
</html>