Front End Development Libraries Projects - Build a JavaScript Calculator

Tell us what’s happening:

how do i render my react , its failing to appear after even including cdn for react and react dom in settings

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/124.0.0.0 Safari/537.36

Challenge Information:

Front End Development Libraries Projects - Build a JavaScript Calculator
https://www.freecodecamp.org/learn/front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator`Preformatted text`

Hi there and welcome to our community!

Could you share your code with us please?

this is the link https://codepen.io/emmanuel-KEEBLE/pen/qBGOBbx

and thank you for welcoming me

Hello;
The title says ‘Calculator’ but the link leads to a drum machine…

Also, how did you manage to use useState without importing it? :thinking: You should import react, reactDom etc. from a CDN. You can handle it through CodePen’s JS settings > add Package…

ooo sorry, its supposed to be drum machine yes

i have imported the react and react DOM from cdn already

Okay, if you have imported React and ReactDOM, what is the problem?

But as I see, you only added ReactDOM as an external source, and it is not working. If you want to add packages with external sources, find them on unpkg. Also, you should add React separately. Even after that, your code still won’t work because you didn’t import useState, but you can use useState with React like this: React.useState.

Also for more information you can visit to codepen documentation.