Mark mark in jade does not work

var normal,
        destacado,
        texto,
        entrada;

    function inicializar() {
        
        normal = document.getElementById("normal");
        destacado = document.getElementById("destacado");
        texto = normal.innerText;
        entrada = document.getElementById("captureInput");
        entrada.addEventListener('input', actualizar);
    }

    function actualizar() {

        var porDestacar = entrada.value,
            pos = porDestacar.length;

        //Asignar la cantidad de caracteres ingresados desde el texto original
        destacado.innerText = texto.substr( 0, pos);
        //Asignar el resto
        normal.innerText = texto.substr( pos );

        //Coincide perfectamente?
        if (porDestacar === texto) {
            destacado.classList.add("completo");
        } else {
            destacado.classList.remove("completo");
        }
    }

    window.onload = inicializar();

#normal {
        background-color: transparent;
    }

    #destacado {
        background-color: yellow;
    }

    #destacado.completo {
        background-color: lightgreen;
    }

<div>
    <p>
        <mark id="destacado"></mark><mark id="normal">no existe un rayo muy fuerte</mark>
    </p>
</div>
<input id="captureInput" type="text">