my createElement(div) is not appearing on my screen, is there something wrong in my javascript code?

Asked Feb 07 '23 at 14:08

Active Feb 07 '23 at 14:08

Viewed 26 times

base = document.createElement('div');
base.style.width = '200px';
base.style.height = '250px';
base.style.backgroundColor = 'black';
base.style.color = 'white';
base.style.opacity = '0.5';

It doesnt show a black 200px by 250px div on the screen when I run the code. How can I fix this issue?

asked Feb 07 '23 at 14:08

sewqq

You may need to append it to… somewhere! The body, a div etc – Djave Feb 07 '23 at 14:10
I completely forgot about that! – sewqq Feb 07 '23 at 14:11
1

document.body.append(base); – jollyjoyce1995 Feb 07 '23 at 14:12
You are creating the element. It exists, but only in the javascript realm - for now. To see it in the page, you need to insert it into the page. https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild – João Paulo Macedo Feb 07 '23 at 14:12

my createElement(div) is not appearing on my screen, is there something wrong in my javascript code?

0 Answers0