Добавление новой страницы, хранение данных и создание вывода после кнопки «Отправить» в HTML

Question

Я собираю информацию о пользователях в приложении веб-страницы, у меня есть кнопка «Отправить» в конце формы, и я хочу собирать данные, загружать новую страницу (страница с благодарностью) и показывать некоторые результаты после обработки данных. на бэкэнде. Я храню и обрабатываю данные в Firestore (Google Cloud). Как я могу объединить эти три команды вместе в HTML, чтобы после отправки формы пользователи могли видеть вывод вместе со страницей благодарности?

В настоящее время у меня есть некоторый код для загрузки новой HTML-страницы вместе со сбором. данные из представления, но пока что это не работает на веб-странице.

Ниже мой код:

<article class="container box style3">
    <header>
        <h2>Form</h2>
        <p>Instructions</p>
    </header>
    <form method="post" action="FormSubmision.html">
        <div class="row gtr-50">
            <div class="col-6 col-12-mobile"><input type="text" class="text" name="Name" placeholder="Name" /></div>
            <div class="col-6 col-12-mobile"><input type="text" class="text" name="Email Address" placeholder="Email" /></div>
            <div class="col-12">
                <textarea name="Courses Already Taken" placeholder="Courses Already Taken"></textarea>
            </div>
            <div class="col-12">
                <textarea name="Courses Currently Taking" placeholder="Courses Currently Taking"></textarea>
            <div class="col-12">
                <ul class="actions">
                    <li><button onclick="writeData()"> Submit</button></li>
                </ul>
            </div>
        </div>
    </form>
</article>