How do I use Javascript in a local Browser htm?

[gaveitatry]

I want to have some text at the bottom center of my screen and then have that text change to something else and then after a different interval to something else. I was told that using browser as a source and some javascript would work. So I created a browser source and I was able to display text, but the javascript won't work so I can't change the text. I don't know javascript, but I found some code online that should work but it's not doing anything.


<style>
body {
background-color:#000;
color:#FFF;
font-family:verdana;
font-size:22px;
margin:0px;
padding:0px;
border-width:0px;
overflow:hidden;}
</style>

<div id="text" style="text-align:center; position:relative; top:-2px;">placeholder text</div>

<script>

setTimeout(function() {$('#text').html("First sentence..");}, 1000);
setTimeout(function() {$('#text').html("Second sentence");}, 3000);
setTimeout(function() {$('#text').html("Third sentence.");}, 2000);

</script>

 

[gaveitatry]

Nevermind. Someone showed me that I was missing a line of code:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>