Javascript works only after reloading only in views

When I put the javascript_pack_tag in the application layout, everything seems to be working. However when I put it in the only views where I need them, it only works after reloading. Looked over some older threads on here, no luck. Also I have already added an event listener for turbolinks addEventListener('turbolinks: load', myJsFunction).

Here is the view. posts/new.html.erb

<%= javascript_pack_tag 'posts.js' %>  

Javascript posts.js

addEventListener('turbolinks:load', DisplayPostDropdown);    function DisplayPostDropdown() {    dropdown_toggler = document.querySelector('.post-dropdown-toggle');    dropdown_toggler.addEventListener('click', () => {      dropdown = document.querySelector('.post-dropdown');      dropdown.classList.toggle('hidden')    })    };  

https://stackoverflow.com/questions/66083892/javascript-works-only-after-reloading-only-in-views February 07, 2021 at 10:02AM