Plz tell me what is wrong in this code?

Tell us what’s happening:

Your code so far


const JSX = (
<div>
  <h1>Hello World</h1>
  <p>Lets render this to the DOM</p>
</div>
);
// change code below this line
ReactDOM.render(JSX, document.getElementbyId("challenge-node"));

Your browser information:

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

Challenge: Render HTML Elements to the DOM

Link to the challenge:

You have a typo in the method you are using to get the ID of ‘challenge-node’. If you look at the output in the console you’ll see the following:

TypeError: document.getElementbyId is not a function

This is telling you that the method getElementbyId is not valid. It looks right but one letter is not quite right.