ahorcado.js

// VARIABLES ###

// Array de palabras
var palabras = [["atlantico","Un océano"],
["ordenador","Una máquina"],
["laurel","Un árbol"],
["plaza","Espacio público"],
["rueda","Gran invento"],
["cereza","Una fruta"],
["petanca","Un juego"],
["higuera","Un árbol"],
["everest","Un monte"],
["relampago","Antecede al trueno"],
["jirafa","Un animal"],
["luxemburgo","Un país"],
["uruguay","Un país"],
["ilustración","Representación gráfica"],
["excursion","Actividad en la naturaleza"],
["empanadilla","De la panaderia"],
["pastel","De la panaderia"],
["colegio","Lugar para estudiar"],
["carrera","Competición"],
["mermelada","Confitura"]];

// Palabra a averiguar
var palabra = "";
// N° aleatorio
var rand;
// Palabra oculta
var oculta = [];
// Elemento html de la palabra
var hueco = document.getElementById("palabra");
// Contador de intentos
var cont = 6;
// Botones de letras
var buttons = document.getElementsByClassName("letra");
// Botones de reset
var btnInicio = document.getElementById("reset");

// ### FUNCIONES ###

// Escoger palabra al azar
function generaPalabra() {
    rand = (Math.random() * 19).toFixed(0);
    palabra = palabras[rand][0].toUpperCase();
    console.log(palabra);
}

// Función para pintar los guiones de la palabra
function pintarGuiones(num){
    for(var i = 0; i < num; i++){
        oculta[i] = "_";
    }
    hueco.innerHTML = oculta.join("");
}

//Generar abecedario
function generarABC (a,z){
    document.getElementById("abcdario").innerHTML = "";
    var i = a.charCodeAt(0), j = z.charCodeAt(0);
    var letra = "";
    for (; i<=j; i++){
        letra = String.fromCharCode(i).toUpperCase();
        document.getElementById("abcdario").innerHTML += "<button value='"+ letra +"' onclick='intento(\""+ letra + "\")' class='letra' id='"+letra+"'>"+ letra + "</button>";
        if(i==110){
            document.getElementById("abcdario").innerHTML += "<button value='Ñ' onclick='intento(\"Ñ\")' class='letra' id='Ñ'>Ñ</button>"; //id='Ñ' soluciona el error
        }
    }
}

// Chequear intento
function intento(letra){
    document.getElementById(letra).disabled = true;
    if(palabra.indexOf(letra) != -1){
        for(var i=0; i<palabra.length; i++){
            if(palabra[i]==letra) oculta[i] = letra;
        }
        hueco.innerHTML = oculta.join("");
        document.getElementById("acierto").innerHTML = "Bien!";
        document.getElementById("acierto").className += "acierto verde";
    }else{
        cont--;
        document.getElementById("intentos").innerHTML = cont;
        document.getElementById("acierto").innerHTML = "Fallo!";
        document.getElementById("acierto").className += "acierto rojo";
        document.getElementById("image"+cont).className += "fade-in";
    }
    compruebaFin();
    setTimeout(function (){
        document.getElementById("acierto").className = "";
    },800);
}

// Obtener pista
function pista(){
    document.getElementById("hueco-pista").innerHTML = palabras[rand][1];
}

// Compruebe si ha finalizado
function compruebaFin(){
    if( oculta.indexOf("_") == -1){
        document.getElementById("msg-final").innerHTML = "Felicidades !!";
        document.getElementById("msg-final".className += "zoom-in");
        document.getElementById("palabra").className += " encuadre";
        for (var i = 0; i < buttons.length; i++){
            buttons[i].disabled = true;
        }
        document.getElementById("reset").innerHTML = "Empezar";
        btnInicio.onclick = function(){ location.reload()};
    }else if(cont == 0){
        document.getElementById("msg-final").innerHTML = "Game Over";
        document.getElementById("msg-final").className = "zoom-in";
        for (var i = 0; i < buttons.length; i++){
            buttons[i].disabled = true
        }
        document.getElementById("reset").innerHTML = "Empezar";
        btnInicio.onclick = function () {location.reload()};
    }
}

// Restablecer juego
function inicio(){
    generaPalabra();
    pintarGuiones(palabra.length);
    generarABC("a","z");
    cont = 6;
    document.getElementById("intentos").innerHTML = cont;
}

// Iniciar
window.onload = inicio();