How can I make HTML not be editable within a contenteditable web page?

Question

https://code.sololearn.com/Wu3dWe7vdWHO/?ref=app
I want the red box to be non editable when made in the dom and I want the big black box containing it to be editable. I thought the solution I tried would work, but it doesn’t and I’m not sure why. If someone has some insight or a solution, that would be greatly appreciated.

Answer 1

change `getX.contentEditable` to `x.contentEditable`!

`getX` returns nothing by the way, because you are searching the DOM before you inserted your box.