Adicionar classe de acordo com o grupo

Detalhes da questão

Endereço do fórum: https://falcodes.forumeiros.com/
Versão do fórum: phpBB3

Descrição

Alguém pode me da um suporte a este código?

Eu com meu pequeníssimo conhecimento de javascript tentei fazer esse código para a fórumeiros, o objetivo é:

Transformar o texto dentro da div #falc-rank numa varíavel a partir disso adicionar ao body ou wrap a classe cor- + variável.

Porém não funcionou!

Código:

$(document).ready(function(e) {
  var rankname = document.getElementById(#falc-rank);

  $(function(){$('#falc-colorrank').addClass(''cor-' + rankname')});
}

ficarei muito grato com a ajuda

Onde está div está localizada?

Connor R. escreveu:Onde está div está localizada?

Desculpe, eu tinha ocultado essa div. Deixei visível agora

é a #user-rank

Olá @Mirotic,

Altere o código para

Código:

(function($) {
    'use strict';
    $(window).on('load', function() {
        const rank = document.getElementById('user-rank');

        document.body.classList.add('cor-' + rank.innerText.toLowerCase().normalize('NFD')
            .replace(/[\u0300-\u036f]/g, '')
            .replace(/[^a-z0-9]+/gi, '-')
            .replace(/^-|-$/gi, ''));
    });
})(jQuery);

Atenciosamente,
pedxz.

pedxz escreveu:Olá @Mirotic,

Altere o código para

Código:

(function($) {
    'use strict';
    $(window).on('load', function() {
        const rank = document.getElementById('user-rank');

        document.body.classList.add('cor-' + rank.innerText.toLowerCase().normalize('NFD')
            .replace(/[\u0300-\u036f]/g, '')
            .replace(/[^a-z0-9]+/gi, '-')
            .replace(/^-|-$/gi, ''));
    });
})(jQuery);

Atenciosamente,
pedxz.

Funcionou muito bem, obrigado!

Obrigado a todos!

@pedxz @Connor R.