I want to execute a JavaScript function when a html button is clicked. I have tried many things already they keep giving me the error "Uncaught ReferenceError: TestJs is not defined onclick" How do I can I do this? And thank you!

```js
function TestJs() {
  alert("the alert")
}
```

```html
<!DOCTYPE html>
<html>

<head>
  <title>Coding site!</title>
  <link rel="stylesheet" type="text/css" href="style.css">
  <script type="text/javascript" src="myscripts.js"></script>
</head>

<body>
  <div class="category-info">
    <div class="image">
      <h1>Welcome to coding is fun!</h1>
      <img src="737385.jpg" style="width:100%;height:70%">
      <br><br><br>
      <button type="button" id="jstrigger" onclick="javascript:TestJs();">Click me for alert lol</button>
    </div>
  </div>
</body>

</html>
```