Como deixar menu selecionado ao clicar

Front-end JavaScript
, ,
#1

Olá pessoal, tudo certo?

Estou desenvolvendo um site na qual eu gostaria de utilizar a tag “active” quando o usuário clicar em qualquer lugar do menu, porém não estou conseguindo fazer esse script será que alguém pode me ajudar?

Peguei vários exemplos para fazer na web, mas todos que eu testei não cheguei nem perto de conseguir.

HTML:

    <li onclick="mostrarAtivo">
        <a href="account-orders.html"><span>Lançamentos</span></a>
        <ul class="sub-menu">
            <li><a asp-controller="Imoveis" asp-action="Casas">Casas</a></li>
            <li><a asp-controller="Imoveis" asp-action="Apartamentos">Apartamentos</a></li>
            <li><a asp-controller="Imoveis" asp-action="SalasComercial">Salas Comerciais</a></li>

        </ul>
    </li>

    <li onclick="mostrarAtivo">
        <a><span>Imóveis</span></a>
        <ul class="sub-menu">
            <li><a asp-controller="Imoveis" asp-action="Alugar">Alugar</a></li>
            <li><a asp-controller="Imoveis" asp-action="Comprar">Comprar</a></li>
        </ul>
    </li>

    <li>
        <a asp-controller="Imoveis" asp-action="CadastroImovel"><span>Cadastre seu imóvel</span></a>
    </li>
    <li>
        <a href="components/accordion.html"><span>Contato</span></a>
    </li>
</ul>