Ajuda com Condicional em JavaScript

Front-end
#1

Olá pessoal, sou novo por aqui e estou precisando de uma ajuda rápida.

Tenho alguns formulários no meu site que ao final do cadastro, redireciona para páginas específicas de acordo com a area ecolhida. Mas também, tenho uma seguinte condicinal que faz este redirecionamento caso exista uma id especificada. Meu problema é que quando esta id está aplicado, o form redirecionada para a página que eu quero, mas quando não aplico está id, a condicional que eu criei dá erro: Segue o código.

<p Id="sucesso" style="display: none;">https://www.google.com/</p>



Lead Marketing 
<div>
  <div class="first_name labels">
    <input class="input_labels" id="first_name" maxlength="40" name="first_name" size="20" required />
    <span class="placeholder_input" data-placeholder="NOME"></span>
  </div>
  <span id="first_name_message_error" class="message_error">Nome obrigatório.</span>

  <div class="email labels">
    <input class="input_labels" id="email" maxlength="80" name="email" type="email" size="20" required
      style="text-transform: lowercase; color: #fff !important;" />
    <span class="placeholder_input" data-placeholder="EMAIL"></span>
  </div>
  <span id="email_message_error" class="message_error">Email inválido.</span>

  <div class="phone labels">
    <input title="Insira um formato de telefone válido" class="input_labels" id="phone" minlength="15"
      maxlength="15" name="phone" size="20" pattern="\(\d{2}\)\d{5}-\d{4}" />
    <span class="placeholder_input" data-placeholder="TELEFONE"></span>
  </div>
  <span id="phone_message_error" class="message_error">Formato de Telefone inválido.</span>

</div>

<div>
  <button class="button_layout" type="button" onclick="checaValidadeEmail()">
    <b id="lblBotao">Inscreva-se gratuitamente</b>
    <div id="divSpiner" class="spinner-border" role="status" style="display: none;">
      <span class="sr-only">Loading...</span>
    </div>
  </button>
</div>

<script>
  /*== Página de Sucesso Referente à Área ==*/

  let successEl = document.getElementById("sucesso");
  let arraySuccessPage = successEl ? successEl.getElementsByTagName("a") : [];
  let pageType = arraySuccessPage[0].href;

  if (pageType) {
    const sucesso_normal = "https://url-redirecionada/sucesso/";
    const area = document.getElementById("Area_de_Interesse__c").value;

    if (pageType == sucesso_normal) {
      switch (area) {
        case 'geral':
          pageType =
            'https://www.google.com/pagina-sucesso/';
          break;
        case 'judiciario':
          pageType =
            'https://www.google.com/pagina-02';
          break;
        case 'Unyleya':
          pageType =
            'https://www.google.com/pagina-03';
          break;
        case 'vestibulares':
          pageType =
            'https://www.google.com/pagina-04';
          break;
        default:
          pageType = 'https://www.google.com/';
          break;
      }
    }
    document.getElementById("sucess_page_form").value = pageType;
  }
</script>

Quando a id é aplicada, o redirecionamento ocorre normalmente, porém, quando remova a id, este erro aparece: Uncaught TypeError: Cannot read property ‘href’ of undefined
** at**

#2

Quando a variável successEl é um valor indefindo, você atribui um array vazio a variável arraySuccessPage e em seguida tenta acessar o atributo href do elemento de índice 0, que por sua vez contém um valor undefined, o que causa esse erro.

#3

Certo, mas no caso então, como posso corrigir isto para que ele consiga acessar os outros links? A ideia de não defini-lo, é justamente quando ele não existe e entra no switch case. Ou o meu raciocinio está errado?

#4

O que exatamente você quer fazer?

#5

Quero criar a seguinte condição. Quando eu tiver a tag
<p Id="sucesso" style="display: none;">https://www.google.com/</p> acima do meu formulário, quero que este seja o link para qual o formulário vai ser redirecionado. E faço isso pegando a id=“sucesso”, porém, quando eu não usar esta tag, quero que o formulário entre no switch, case e redirecione para as páginas do script de acordo com as propriedades que eu setei abaixo.

Quando a tag de id=“sucesso” está inserida no código, o redirecionamento ocorre de forma correta, porém quando eu retiro este id=“sucesso” aparece o erro já mencionado.

#6

Tenta fazer assim: let pageType = arraySuccessPage[0]['href'] || <Aqui você coloca uma url default>

#7

Tentei aqui, mas continua gerando o mesmo erro de “Uncaught TypeError: Cannot read property ‘href’ of undefined
at”

#8

Muito obrigado pela ajuda, amigo. Baseado no que você me disse anteriormente sobre o valor undefined, passei a variável let pageType = arraySuccessPage[0]; sem o href, com isso, ele consegue buscar o id quando existe e caso não exista ele entra nas propriedades do switch case redireciona da forma que eu preciso.