Как в HTML вставить код JavaScript?

Question

[VitalyDmi]

Привет!
У меня есть код HTML, но мне не получается добавить в него JavaScript, как мне это сделать? Я пробовал через <script type="text/javascript"></script>, не получилось, помогите соединить. Спасибо заранее!

HTML код:

<div id="bubble">Hello, World!</div>
<style type="text/css">

#bubble {
  font-size: 25px;
  font-family: Comic Sans MS, Verdana, monospace;
  color: #2d509b;
  font-weight: bold;
}
</style>

JavaScript код:

$(document).ready(function() {
    var $element = $('#bubble');
    var phrases = [
        'Win 60 ETH for click on button',
        'Animating each letter in a friendly way',
        'Thanks for seeing it :)',
        'It really matters to me ...',
        'Regards,',
        'Guedes, Washington L.',
    ];
    var index = -1;
    (function loopAnimation() {
        index = (index + 1) % phrases.length;
        bubbleText({
            element: $element,
            newText: phrases[index],
            letterSpeed: 70,
            callback: function() {
                setTimeout(loopAnimation, 1000);
            },
        });
    })();
});

Answer 1

[Антон Усачев]

<script>здесь js</script>

Comments

[Андрей Гончаров]

Только проследите еще за подключением jQuery - вам он нужен для вашего кода.

Answer 2

[Lord_Dantes]

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"</script>
<script type="text/javascript">
$(document).ready(function() {
    var $element = $('#bubble');
    var phrases = [
        'Win 60 ETH for click on button',
        'Animating each letter in a friendly way',
        'Thanks for seeing it :)',
        'It really matters to me ...',
        'Regards,',
        'Guedes, Washington L.',
    ];
    var index = -1;
    (function loopAnimation() {
        index = (index + 1) % phrases.length;
        bubbleText({
            element: $element,
            newText: phrases[index],
            letterSpeed: 70,
            callback: function() {
                setTimeout(loopAnimation, 1000);
            },
        });
    })();
});
</script>