What is wrong with my JavaScript DOM code to print a simple text?

Question

I have to print "Hello, Mars", but something is wrong. I've tried to add paragraph.appendChild(text) too but it not works.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        const body = document.getElementById("body")
        const paragraph = document.createElement("p")
        const text = document.createTextNode("Hello, Mars")
        body.appendChild(paragraph)
    </script>
</body>
</html>

Your <body> element does not have the id "body"; it has no id at all. Use document.body instead. — Pointy
– Pointy, Commented Sep 2, 2021 at 13:49

LW001 · Accepted Answer · 2021-09-02 13:51:36Z

1

Two things here:

Firstly, you never add text to the created paragraph, which would be done by adding this:

paragraph.appendChild(text);

Secondly, using getElementById() you are selecting an item that would have id="body", not the <body> element on your page. You can get the body using document.body as follows:

const body = document.body;

answered Sep 2, 2021 at 13:51

LW001

3,0117 gold badges35 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

What is wrong with my JavaScript DOM code to print a simple text?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related