js событие после клика и обработки по дефолту

Немного не правильно, но можно и так наверно, хотя я сделал по другому. Правильный ответ не

А вызов события по умолчанию .reset() и его отмена  .preventDefault()

Правильно в данной ситуации - устанавливать кнопку без события по умолчанию. Кнопка типа reset ставится, если надо сбросить форму, не прибегая к написанию кода JS. А у тебя всё равно там куча кода пишется, поэтому зачем усложнять себе задачу, устанавливая такую кнопку и отменяя событие по умолчанию? Лично мне такие выкрутасы непонятны. Ни к чему элементарную задачу превращать в квест.

Это естественно. Если не хотите дефолтное поведение, то используется preventDefault.
А вообще, правильно вам выше написали, вы хотели сделать просто через встроенный функционал, а в итоге получилось сложно. Гораздо проще изначально всю логику писать на чистом JS или на jQuery и подобном.