<script
            src="http://code.jquery.com/jquery-3.3.1.slim.js"
            integrity="sha256-fNXJFIlca05BIO2Y5zh1xrShK3ME+/lYZ0j+ChxX2DA="
            crossorigin="anonymous"></script>

<div>
        <button class="rnd-word yellow">Готов к лету?</button>
        <p></p>
    </div>
    <div>
        <button class="rnd-word red">Хотел бы на море?</button>
        <p></p>
    </div>
        .yellow {
            color: darkgreen;
        }

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

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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.