onclick. Вы перезаписываете его через document.getElementById("clearButton").onclick на сброс значения поля ввода.const buttonEl = document.getElementById("clearButton");
buttonEl.addEventListener("click", () => {
// Необходимый код 1
});
buttonEl.addEventListener("click", () => {
// Необходимый код 2
});
echo Carbon::now()->subMinutes(2)->locale('ru_RU')->diffForHumans(); // '2 минуты назад'
<link rel="stylesheet" href="./app/css/main.css"><link rel="stylesheet" href="./app/css/main.css?v=1">
То-есть сначала последовательно вызываются конструкторы, только потом handle обеих очередей.Ну конечно. Конструктор по определению вызывается ещё до того, как вы что-то в очередь положите - он создаёт сам объект, который ставится в очередь.
Как починить?Переделывайте зависимости, получайте данные в handle, а не через конструктор, когда их ещё не существует.
.env, то без второго параметра$dotenv = Dotenv\Dotenv::createImmutable(dirname(__DIR__));.env должен располагаться на один уровень выше файла, в котором вы это написали.$dotenv = Dotenv\Dotenv::createImmutable(dirname(__DIR__), 'my_env');.my_env 
register_globals Off нужен для того, чтобы выключать register_globals, кто бы мог подумать. Этот режим много лет считался устаревшим, а шесть лет назад был полностью выпилен.