Перед тем как нажать на кнопку вывод, нужно же куда то их выводить, как это сделать ?

Чтобы вывести текст при нажатии на кнопку в HTML-документе, можно использовать JavaScript и обработку события onclick. yandex.ru Например, так: yandex.ru

<button onclick=”alert('Вы подписаны')”>Подписаться</button> 

В этом случае при нажатии на кнопку будет выведено сообщение «Вы подписаны». yandex.ru

Также можно вызывать какую-нибудь функцию, например: yandex.ru

<button onclick=”Message()”>Подписаться</button> <script>   function Message() {     alert(”Вы подписаны”);   } </script> 

Ещё один способ, если не использовать JavaScript, описан на сайте «Хабр Q&A»: qna.habr.com

1. Вывести все данные на страницу с обязательным указанием ID блоков. qna.habr.com
2. Сделать кнопки ссылками с указанием ID связанного блока. qna.habr.com
3. В CSS прописать скрытие всех подэлементов — display: none. qna.habr.com
4. В CSS использовать псевдокласс :target. qna.habr.com При нажатии на кнопку элемент с указанным в нём ID получает псевдокласс :target, который можно использовать в CSS. qna.habr.com

Выбор метода зависит от конкретной задачи и предпочтений разработчика.