Как использовать 2 и более одного и того же HTML кода на 1 странице?

мой вариант на Jquery

<script
            src="http://code.jquery.com/jquery-3.3.1.slim.js"
            integrity="sha256-fNXJFIlca05BIO2Y5zh1xrShK3ME+/lYZ0j+ChxX2DA="
            crossorigin="anonymous"></script>
    <style>
        .yellow {
            color: darkgreen;
        }

        .red {
            color: Blue
        }
    </style>
    <script>(function ($) {
            $(document).ready(function () {
                let variants = [
                        "Да",
                        "Нет",
                        "Конечно да",
                        "Конечно нет",
                        "Не знаю"
                    ];

                $('button').on({
                    click() {
                        $(this)
                            .next('p')
                            .text(variants[parseInt(Math.random() * variants.length)]);
                    }
                })
            });
        })(jQuery);

    </script>
    <div>
        <button class="rnd-word yellow">Готов к лету?</button>
        <p></p>
    </div>
    <div>
        <button class="rnd-word red">Хотел бы на море?</button>
        <p></p>
    </div>

Как использовать 2 и более одного и того же HTML кода на 1 странице?

VitalyDmi, это потому, что логика вашего приложения работает так, как вы ее написали. скажите, что вы хотите в итоге получить, и я, возможно, смогу сказать что-то более полезное

Как использовать 2 и более одного и того же HTML кода на 1 странице?

пользуйтесь нормальным редактором а-ля notepad++ или sublime text. который будет показывать ошибки. у вас элементарные синтаксические ошибки.

click

<style>
        .yellow {
            color: Yellow
        }
    </style>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            let easyTimer = (function (words, timer, greetings, element) {
                let render = val => element.innerText = val ? val : timer === 0 ? words[parseInt(Math.random() * words.length)] : timer;
                render(`Готов к лету?`);
                setTimeout(() => {
                    setTimeout(() => element.classList.remove('yellow'), 1000);
                    let interval = setInterval(
                        () => timer - render() && 0 === timer && clearInterval(interval), 1000
                    )
                }, greetings * 1000)
            })(
                ['Да', 'Конечно да'],
                5,
                1, // сколько секунд показывать "Ответ готов"
                document.querySelector('.rnd-word.yellow')
            )
        })
    </script>
    <div>
        <div class="rnd-word yellow"></div>
    </div>
    <style>
        .red {
            color: Blue
        }
    </style>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            let easyTimer = (function (words, timer, greetings, element) {
                let render = val => element.innerText = val ? val : timer === 0 ? words[parseInt(Math.random() * words.length)] : timer;
                render(`Хотел бы на море?`);
                setTimeout(() => {
                    setTimeout(() => element.classList.remove('red'), 1000);
                    let interval = setInterval(
                        () => timer - render() && 0 === timer && clearInterval(interval), 1000
                    )
                }, greetings * 1000)
            })(
                ['Да', 'Нет'],
                5,
                1, // сколько секунд показывать "Ответ готов"
                document.querySelector('.rnd-word.red')
            )
        })
    </script>
    <div>
        <div class="rnd-word red"></div>
    </div>

а, возможно, еще и логические. но тут я уже не представляю, что вы хотите реализовать данным кодом

Почему всплывает alert независимо от выполнения простого тернарного if?

у меня алертов нет, если ввести 1 или 2. может у вас старый код закешировался в браузере?

Как обернуть тэгами код в phpstorm?

по аналогии с ответом выше, только выделяйте строки с зажатым альтом (мультикурсор)

Не понятна последняя строка,что это значит помимо того что мы делаем копию,зачем писать input.parentElement.appendChild(clone);?

olya_097, выведите this в консоль и сразу увидите элемент

Как вы создаете себе обстановку для программирования?

странно, но у меня как раз под музыку получается работать значительно лучше. ведь если я ее не включу, я буду слышать бесконечную болтовню коллег или домочадцев, а это мешает очень сильно. да и музыка музыке рознь

Роскомнадзор будет штрафовать за обработку данных?

скоро за ПД будут принимать куки, ip, комментарии. любой чих и ты идентифицирован.... остановите поезд, я сойду здесь.

Язык шаблона joomla, как?

в той же joomla tinymce довольно весело переведен на русский

Язык шаблона joomla, как?

Anton Redkozubov: тогда ищите не непереведенную фразу, а те блоки, в которых она лежит. например, owl-item, featured-slider, sp-module-content итд. чтобы понять, как эта фраза там вообще оказалась.

Почему не работает ЧПУ .htaccess?

на заметку php.net/manual/ru/regexp.introduction.php

Что делать если команда говнокодит?

Вы явно не встречали людей, которые весь html выводят через echo, да еще с кучей экранированных двойных кавычек. Или делают поиск объекта в DOM 10 раз за один document.ready. Еще они делают круглые глаза , когда слышат слово breakpoint. После такого любой остальной говнокод кажется ерундой. Возможно, вам стоит посмотреть на "дно" и понять, что не все так плохо)

Как проверить целый тип данных в php?

jasonOk: оказывается это у меня на локалке тормоза такие =\ на реальном серваке все так, как вы говорите

Как проверить целый тип данных в php?

jasonOk: вот ваш способ сравнения только целых чисел в php 7.0.15
if 0.120016
regexp 0.110514

на строках все почти также.. но на float значениях регулярка сдала позиции

Как проверить целый тип данных в php?

VisualIdeas:

$start = microtime();
function myIsInt($var) {
    if ((int)$var == $var) {
        return true;
    } else {
        return false;
    }
}

for ($i = 0; $i <= 100000; $i++)
    $myvar = myIsInt("5qwerty");
echo microtime() - $start;

Итог 0.141518

$start = microtime();
for ($i = 0; $i <= 100000; $i++)
    $myvar = preg_match('/^\d+$/', '5qwerty');
echo microtime() - $start;

Итог 0.102013

Когда навожу на пункт меню мышкой, исчезает несколько нижних модулей в Джумле, почему так?

цифры в конце - это номер строки

на вашем месте я бы ограничился таким решением, без вмешательства в js

Можно ли передать значение переменной JS в переменную PHP?

Foxy Link Developer: api.jquery.com/jquery.ajax
через поле data передаются те самые переменные для php

Как понять циклы?

Slasherr: https://learn.javascript.ru есть задания. конкретно по циклам здесь https://learn.javascript.ru/while-for
либо можно попробовать запилить какую-нибудь браузерную штуку (игра, калькулятор итд)

Как понять циклы?

понимается лучше всего на практике... по крайней мере в моем случае

Как добиться 100 PageSpeed с веб-шрифтами?

Вася Петров: что-то не логично как-то. какая разница, если они с гуглофонта или с самого сайта качаются?