Мы понимаем, как важно ставить цели. Подготовили целую сотню целей, с которыми приходят заниматься наши клиенты!
ВЫБРАТЬ ЦЕЛЬ
Как сделать вывод рандомного текста по клику на кнопку в zero block
1
Создали зеро блок. В нем разместили текст и кнопку. Кнопке задали класс "btn", а тексту класс "goal".
2
Если до нажатия кнопки текст в текстовом блоке не нужен, то просто его очистили. Если нужен, то написали нужный текст.
3
Тексты для вывода перечислили в кавычках с новой строки через запятую. После последнего текста запятую ставить не нужно
4
Разместили скрипт и стиль в блок Т123 в любом месте страницы
5
Стиль текста настраивается в стиле (внизу кода)
 <script>
      document.addEventListener("DOMContentLoaded", function() { 
        var texts = [
          "Цель 1",
          "Цель 2",
          "Цель 3",
	      "Цель 4",
	      "Цель 5"
        ]
        
        function getRandomInt(max) { return Math.floor(Math.random() * Math.floor(max)); }
        
        var lastIndex;
        document.querySelector('.btn').addEventListener('click', function() {
          do {
            var index = getRandomInt(texts.length);
          } while (index === lastIndex);
          lastIndex = index;
          document.querySelector('.goal').innerText = texts[index]
        })
      });
    </script>
    
    <style>
        .goal {
            font-family: 'Roboto',Arial,sans-serif !important;
            font-size: 22px !important;
        }
    </style>