como corrigir o erro Uncaught ReferenceError: modalcadastrarevento is not defined no codigo a seguir 

<div class="div-botao-cad-evento">
    <button type="button" class="btn-cadastrar-evento" data-bs-toggle="modal" data-target=".bd-example-modal-lg"  data-bs-target="#cadProfissionalModal" onclick="modalcadastrarevento()">Cadastrar</button>
</div>

function modalcadastrarevento()
{
    const cadastrarEventoModal = new bootstrap.Modal(document.getElementById("cadastrarnovoevento"));
    document.getElementById("msgAlertaPrincipal").innerHTML = "";
    cadastrarEventoModal.show();
}

//========================================================================//
//================ CADASTRAR DADOS DE UM REGISTRO ========================//
//VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//


    const formCadEvento = document.getElementById("form-cadastrarevento");
    
    if (formCadEvento) 
    {
        formCadEvento.addEventListener("submit", async(e) => {
            //alert('aqui');
            e.preventDefault();
            const dadosFormEvento = new FormData(formCadEvento);            
            //console.log(dadosFormEvento);
    
            const dadosEvento = await fetch("../calendario/eventoincluir.php", {
                method: "POST",
                body: dadosFormEvento
            });
            const resposta = await dadosEvento.json();
            //console.log(resposta);
    
            
    
            if (resposta['sit']) {

                document.getElementB I want the entire output in JSON format.
user