Obter linka após puxar de uma API

Opa, estou com um probleminha bobo aqui e gostaria de ajuda.
Atualmente estou trabalhando com FullCalendar, fiz a integração com o Google tranquilo, porém quando puxo o Link do evento, vem como texto comum e não como um link clicável. Poderiam me ajudar?

Já tentei com porém não é possível colocar o id=“url” dentro de uma href, então me perdi aí.

image

Atualmente está como no print acima.

Obrigado desde já.

Não dá para atribuir o link dentro de uma tag <a>?

Já tentei, fica como link sim, porém não dentro da href. Ou seja, fica um vazio.

<a id="url" href=""></a>

Acontece que os dados são puxados através do "id=“url”, e não consigo incluir isso dentro da href.

Como que tu recebe essa info do back no front?

E como tu monta a o conteúdo na página?

Não daria para aplicar um tipo de replace baseado em um placeholder para essa tag do seu html?

isso nao funciona?

const elementoA = document.getElementById('url');
elementoA.href = "link q vc quer"

Estou puxando direto do Google Calendar com auxilio do Fullcalendar.

Primeira vez que mexo com esse framework, li a documentação mas não encontrei nada sobre ver o link do evento, dei mais uma revirada e vi que era possível exibir, porém travei na parte de ter como Link, e não como texto.


//obter

eventClick: function(info) {
            $('#visualizar #url').text(info.event.url);
googleCalendarApiKey: ' ',
          events: ' '
        });
        calendar.render();
      });


//exibir

<dt class="col-sm-3">Link do Evento:</dt>
              <div class="col-sm-9"><dd id="url"></dd></div>

https://fullcalendar.io

Para isso estou usando apenas JS.
Vou continuar pesquisando por aqui.