Hi, I was trying to export my Drum Machine project https://codepen.io/NicoCastel/pen/vYdexwr?editors=0010 with the idea to create a Repo on GitHub. To make this, I use create-react-app and all the things that come with it, because it seems pretty easier instead of make it from scratch (I’m not able in a reasonable time yet).
I was testing the app, and I noticed that, on the CodePen app, the volume works ad intended, but on the LocalHost, it doesn’t work. Any idea?
I can’t give you the Local files, but I have done something with import and export, and the app renders normal, except for that.
Open the browser console and look at the errors. There are 3 of them but the last is the one about the volume.
Uncaught TypeError: document.getElementsByClassName(...).forEach is not a function
getElementsByClassName returns an HTMLCollection which doesn’t have forEach on it. I would suggest you use querySelectorAll or you can turn the HTMLCollection into an array (you can use Array.from() or spread syntax).
Not 100% sure why it works on Codepen but I’m guessing the transpile done by Babel might have something to do with it.
BTW, keep the .gitignore that comes with create-react-app so the node_modules are ignored.