I’m working on a Scoreboard dashboard as part of a learning project. The JavaScript functions in my app work perfectly in Visual Studio Code. However, after deploying the project to GitHub Pages and Netlify, the buttons in my counter app don’t work at all. When I click them, I get a “function is not defined” error (404), which makes me think that the index.js file isn’t loading properly.
Here’s the live site: https://neon-lily-6553ae.netlify.app/
And here’s the GitHub repository: https://github.com/jaysonfeldman/scoreboard-final
I double-checked the script tags in my index.html file to ensure they are correctly pointing to the index.js file. I’ve also verified that the JavaScript code works in a local environment, so I expected the same behavior after deployment. However, the deployed version fails to load the script properly, leading to a 404 error when trying to call the functions. I suspect there might be an issue with how the files are referenced in the deployed environment, but I’m not sure
I’m new to programming and have been trying to fix this for about 2 hours, but I’m stuck. As This is the first time for me asking a question on Stackoverlow, any guidance or tips would be greatly appreciated!
