В этой статья — небольшой мануал, как использовать события в javascript.
Для примера сделаем кнопку, которая скрывает ваши контакты, как на авито. Это весьма полезная функция для того, чтобы ваш e-mail или телефон не попал в базу спамеров.
Для начала разметим на странице кнопку:
<button style="padding: 10px 30px; 10px; 30px;border-radius: 5px; border: solid 1px lightgray;">Показать e-mail</button>
Как видите, я ее немного разукрасил. Элементы лучше разукрашивать в отдельных тегах <style> в заголовке странице, а еще лучше — в отдельных css-файлах. Почему, вы поймете позже, а пока пойдет и так: