index.js

function cambiarColorFondo(elemento){
    elemento.style.background = "#4d62d0";

    cambiarColorHijo(elemento);
}

function cambiarColor(elemento){
    elemento.style.color = "#149c5f";

    cambiarColorHijo(elemento);
}

function cambiarColorHijo(elemento){
    if(elemento.hasChildNodes()){
        elemento.children[0].style.color = "inherit";
    }
}

function cambiarEstiloPaneles(){
    for (var i = 0; i < document.querySelectorAll("[class^='item-']").length; i++) {
        document.querySelectorAll("[class^='item-']")[i].style.width = "4%";
        cambiarColorFondo(document.querySelectorAll("[class^='item-']")[i]);
    }
    for (var i = 0; i < document.querySelectorAll("[class^='item-'] *").length; i++) {
        document.querySelectorAll("[class^='item-'] *")[i].style.display = "none";
    }

    // elemento.style.width = "96%";
    // elemento.style.background = "#fff";
    // for (var i = 0; i < elemento.children.length; i++) {
    //     elemento.children[i].style.display = "block";
    // }
}

function cambiarAncho18(elemento){
    elemento.style.width = "18%";
}

function cambiarAncho20(elemento){
    elemento.style.width = "20%";
}

function cambiarH1Contenedores(tamaghnioFuente){
    var h1Contenedores = document.getElementsByClassName('contenido-container')[0].getElementsByTagName('h1');

    for(var i = 0; i < h1Contenedores.length; ++i) {
        h1Contenedores[i].style.fontSize = tamaghnioFuente;
    }
}

function activarSonido(){
    document.getElementById('speaker').children[0].setAttribute('src', 'img/speaker.png');
}

function desactivarSonido(){
    document.getElementById('speaker').children[0].setAttribute('src', 'img/mute.png');
}


function crearTitulo(){
    var nuevoDiv = document.createElement('div');
    nuevoDiv.className = 'container-saludo';

    var containerBotones = document.getElementsByClassName('container-botones')[0];
    document.getElementsByClassName('top-row')[0].insertBefore(nuevoDiv, containerBotones);

    var nombre = document.getElementsByName('nombre')[0];
    var nuevoH2 = document.createElement('h2');
    nuevoH2.innerHTML = nombre.value;
    nuevoDiv.appendChild(nuevoH2);
}

function crearParrafo(elemento){
    var nuevoParrafo = document.createElement('p');
    nuevoParrafo.innerHTML = "Nuevo Párrafo";
    elemento.appendChild(nuevoParrafo);
}

function actualizarTextoElemento(elemento, texto){
    elemento.textContent = texto;
}

var Eventos = {
    entrarBotonesAccionNext: function(elemento){
        elemento.style.background = "#4d62d0";
        console.log(elemento);
    },
    salirBotonesAccionNext: function(elemento){
        elemento.style.background = "#149c5f";
    }
};

function asociarEventos(){
    var botonesAccion = document.getElementsByClassName('boton-accion');
    for(var i = 0; i < botonesAccion.length; ++i){

        botonesAccion[i].onmouseenter = function(){
            Eventos.entrarBotonesAccionNext(botonesAccion[2]);
        };

        botonesAccion[i].onmouseleave = function(){
            Eventos.salirBotonesAccionNext(botonesAccion[2]);
        };
    }
}

asociarEventos();