Build a Drum Machine basic issue

JavaScript
#1

Tell us what’s happening:

can anyone tell me why my user stories 1 and 2 will not pass? I seems pretty simple. Thanks

Your code so far


Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/front-end-libraries-projects/build-a-drum-machine

#2

The outer most element would be what you specify in:

ReactDOM.render(<App/>, document.getElementById("drum-machine));

You need something in your html section with an id=“drum-machine”

1 Like
#3

I see. I didnt realize the specified ids had to be in HTML

#4

Well, that would be the highest level element (the one in the HTML section). Everything else would be children to it. ReactDOM.render needs to reference something already existing in the HTML document.

#5

Does this make more sense? Although Im not sure why my user story 3 is not working.

#6

You have a typo on the div id.

1 Like
#7