tio407
I’m trying to add JavaScript to my mix project and the html.eex page is not reading it for some reason.
I have this at the end of my .eex file:
<script>
document.addEventListener("DOMContentLoaded", function () {
// Handler when the DOM is fully loaded
alert('test')
console.log('test')
});
</script>
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
We build reliable cloud platforms for business-critical systems.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #blog-post
- #phoenix_html
- #iex
- #graphql
- #ai
- #genstage
- #elixirconf-us
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #metaprogramming
- #security
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Practical resources that improve the lives of professional developers.
Producing high quality Elixir screencasts since 2017.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
First 6 of 6 Posts
kokolegorille
Hello and welcome,
Putting this on my page index works as expected, maybe You can show your template?
tio407
It’s for work so I can’t show the template
But it’s nothing special. Essentially just have things between
kokolegorille
This could be easily reproduced on a new project… Just add your script on the page index and You might see it working.
LostKobrakai
Can you tell us how you confirmed that the script is not rendered?
tio407
OK. I tried it out the same script with the rumbl project from Chris’ Programming Phoenix book and it worked. It must be something specific to the repo I’m working with. Let me look into this more! Thank you @kokolegorille @LostKobrakai
peerreynders
Note that
DOMContentLoadedwill only fire ifdocument.readyStateis still in theloadingstate. By the time it is set tointeractive(or latercomplete) theDOMContentLoadedevent has already been fired.see