Проблема с проверкой правильности порядка массива

Question

Привет! Мне нужно создать систему для формирования предложений по определенным словам, список слов в div. Я выбираю их, нажимаю кнопку добавления, и они отображаются в другом div, образующем предложение, проблема в том, что у меня естьчто эти слова должны соответствовать друг другу. Для той же работы с массивами у меня уже есть основы системы, у меня проблема в том, что выбор слов должен быть из любой точки списка (в начале, в среде и т. д.)и это то, что меня усложняет.

<script type="text/javascript">
    var arr         = new Array();
    var arrPalabras = new Array('casa','en','la','playa','cuando','el','perro','cansado');
    var textoJunto  = '';
    function agregaPalabra(v,id){
        if (arr.length > 0) {
            var indiceActual    = arrPalabras.indexOf(v);
            var indiceAnterior  = arr.indexOf(arr[arr.length - 1]);
            var indiceCorrecto  = indiceAnterior + 1;
            if (indiceCorrecto != indiceActual ) {
                return;
            }
        }
        if(!arrOracion.includes(v)){
            $( "#tag" + id + " span").addClass('badge-primary');
            $( "#tag" + id + " span").removeClass('badge-secondary');
            arr.splice(indiceActual,0,v);
            //arrId.push(id);
            textoJunto = textoJunto + v + ' ';
        }else{
            alert('Ya existe');
        }
    }
    var arrOracion  = new Array();
    function addButton(){
        fLen            = arr.length;
        arrOracion.push(textoJunto);
        indiceCorrecto  = 0;
        indiceAnterior  = 0;
        $( ".side-c .list-group" ).empty();
        for (i = 0; i < arrOracion.length; i++) {
          $( ".side-c .list-group" ).append( "<li class='list-group-item'>" + arrOracion[i] +"</li>" );
        }
        textoJunto  = '';
    }
</script>