Question

Помогите сделать так чтобы при нажатии на кнопку показывался текст вот код кнопки a href="#" class="btn btn-lg"><span>Получить промокод</span></a

Answer 1

<a href="#" class="btn btn-lg" title="Твой текст"><span>Получить промокод</span></a>

Answer 2

Чтобы реализовать функциональность, при которой при нажатии на кнопку будет отображаться текст, вам понадобится JavaScript для обработки события клика и изменения стиля отображения текста.

Вот пример кода, который решает вашу задачу:

HTML:

htmlCopy code
<a href="#" class="btn btn-lg" id="promoButton"><span>Получить промокод</span></a>
<div id="promoText" style="display: none;">Ваш промокод: XYZ123</div>

JavaScript:

htmlCopy code
<script>
  document.getElementById('promoButton').addEventListener('click', function() {
    var promoText = document.getElementById('promoText');
    if (promoText.style.display === 'none') {
      promoText.style.display = 'block';
    } else {
      promoText.style.display = 'none';
    }
  });
</script>

Как это работает:

1. В HTML добавляется элемент <div> с id "promoText", содержащий текст промокода. Изначально этот элемент скрыт с помощью стиля display: none;.
2. В элементе <a> с id "promoButton" добавляется обработчик события клика с помощью JavaScript. Когда пользователь нажимает на кнопку, этот обработчик вызывается.
3. Внутри обработчика JavaScript мы получаем элемент с текстом промокода (с id "promoText") и проверяем его текущее значение свойства display.
4. Если текст промокода скрыт (display: none;), мы меняем его значение на display: block;, что делает его видимым.
5. Если текст промокода уже видим, мы меняем его значение на display: none;, чтобы скрыть его.

Теперь при нажатии на кнопку "Получить промокод" текст с промокодом будет появляться и исчезать.