Как подключить html к js

у меня есть такой код

<button>Показать форму</button>

<div class="popup">
  <div class="popup__container">
    <div class="popup__wrapper">
      <div id="blablabla">
        <form role="form" action="/requestFine" autocomplete="off" method="POST">
          <label>Ім'я:</label>
          <input type="text" name="nameReq">
          <label>Прізвище:</label>
          <input type="text" name="lastNameReq">
          <label>Телефон:</label>
          <input type="text" name="telReq">
          <label>Опис:</label>
          <input type="text" name="textReq">
          <button type="submit" class="btn btn-success">Отправить</button>
        </form>
      </div>
    </div>
  </div>
</div>

как мне его подключить к js?`

Обычно наоборот, js к нему )

<script src="myscript.js"></script>

а куда его вставить в моём коде?

Куда угодно, обычно лучше в конец.

В смысле в конец?
Приведенный кусок кода – код кнопки.
Если вызываем JS по событию кнопки, значит вставляем обработчик в кнопку.
Иначе – вставляем обработчик в иначе.
Или я что не так понял?

Так тут видимо речь про файл скрипта.

В конец документа.

<body>
.....................
<script src="myscript.js"></script>
</body>

В конец обычно рекомендуется, чтобы не блокировать загрузку документа загрузкой скрипта (хотя сейчас возможно лучше использовать атрибуты async или defer).

Я обычно в начало документа все включения описываю.
Получается это у меня дурной тон ? :clkolscratch_one_s_head: