1. Добавить якорь на странице (элемент, при клике по которому будем скролить):
<a href="#anchor1">Текст</a>
2. Добавить id к нужному элементу:
<div id="anchor1">Скролить до сюда</div>
3. В стилях прописать для плавного скрола: body {scroll-behavior: smooth;} - не работает в IE и Safari

Делают, если:
1. Не знают что лучше использовать button или a
2. Не знают/лень убирать фон, рамки и прочие прелести у button
3. У a не знают/лень убрать действие по умолчанию с помощью preventDefault (при клике кидает на верх страницы, пытаясь перейти по ссылке)
4. Еще варианты... =)