<div class="surveyjs-wrapper card panel-primary mb-4 pt-2" data-surveyjs-wrapper>
    <div class="card-header no-bg">
        <div class="card-header-inner">
            <h3 class="surveyjs-title panel-title text-green mt-0">My Survey</h3>
            <p class="surveyjs-description">Answer the questions</p>
        </div>
    </div>
    <div class="card-body">
        <form action="../json/survey.json" name="surveyjs-form" class="surveyjs-form" data-surveyjs-form novalidate>
            <div class="surveyjs-body questionsList" data-surveyjs-body></div>
            <div class="surveyjs-footer">
                <button class="btn btn-primary d-block mx-auto" type="submit">SEND</button>
            </div>
        </form>
    </div>
</div>

// FULL CODE: /js/demos/demo-basic.js
const $form = document.querySelector('[data-surveyjs-form]');
const options = { url: '../json/survey.json' };

$form.addEventListener('fjs.form:submit', event => {
    event.detail
        .then(response => {...})
        .catch(error => {...})
        .finally(() => {...});
});

const mySurvey = new Survey( $form, options );