javascript – Alguma forma de dar um break no código

Estou com um probleminha.

Meu código é o seguinte:

Alguns inputs como “nome”, “idade”, “cargo” …

após inserido e confirmado, estes dados vão para uma tabela. (até ai ok)

estou com dificuldade em interromper o código quando entra um valor inválido.

Por exemplo, quando o user insere no campo idade um valor que não seja números, deve-se aparecer uma mensagem de erro.

para fazer este teste fiz esta função:

const criarIdade = () => {

const novoFuncionarioinput = document.querySelectorAll("(data-form-input)");

const idadeBruta = novoFuncionarioinput(1).value;



if (isNaN(idadeBruta)) {
    const idade = "ERRO";
    window.alert("Insira uma idade válida!")
    return idade;
    }

const idade = idadeBruta;

return idade;

}

(depois insiro o retorno “idade” normalmente na linha/coluna adequada.)

A princípio está funcionando, quando a idade é inserida corretamente, consigo inserir uma linha lá na tabela(html) normalmente.

Porém quando a idade é diferente de número, o aleta de erro aparece mas a linha é criada no html mesmo assim.

Gostaria de saber se há algum comando que faça com que o código “pare por ai”.

Restande do código:

export const Salvar = () => {

event.preventDefault()

const tablea =  document.querySelector("(data-table)");

const linha = document.createElement("tr");

const conteudo = CriarLinha();

linha.innerHTML = conteudo;

tablea.appendChild(linha);


}

const CriarLinha = () => {

    const novoFuncionarioinput = document.querySelectorAll("(data-form-input)");

   const indice = criarIndice();
   const nome = criarNome();
   const idade = criarIdade();
    const cargo = criarCargo()
    //const salario = criarSalario()

   const conteudo = 
    `<th class="coluna">${indice}</th>
    <th class="coluna">${nome}</th>
    <th class="coluna">${idade}</th>
    <th class="coluna">${cargo}</th>
    <th class="coluna">{salario}</th>` 
    
    return conteudo;
}

´´´´