'appendChild' of null Even When Defined

Question

I'm Trying To Create New Elements To Show Info For A Discord Bot List Im Making

  var btn = document.createElement("BUTTON");
  btn.innerHTML = "Try It"
  document.body.appendChild(btn);

<html>
  <head>
    <title>Squox Bot List</title>
        <script src="script.js"></script>
    <link href="style.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Vast+Shadow&display=swap" rel="stylesheet">
  </head>
  <body>
        <div class="line">
            <a target="_blank" href="https://discord.gg/TUD9WPE"><img src="images/Discord.png" width="50" height="auto"></a>
            <h1>Squox Bots</h1><br>
      </div>
<div id="div1">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>
  </body>
</html>

I Keep Getting Cannot read property 'appendChild' of null
When I Look At Old Questions From Stackoverflow, I Get The Same Error

So Anyone With Help Thank You

You don't. Check the dupe... – Andreas Sep 23 '20 at 13:19 — Andreas, Sep 23 '20 at 13:19

score 0 · Answer 1 · answered Sep 23 '20 at 13:21

0

I Fixed My Error By Making The JS A Function Ran When The Body Loads

answered Sep 23 '20 at 13:21

shawn

42
7

can't mark solved for 2 days – shawn Sep 23 '20 at 13:21

'appendChild' of null Even When Defined

1 Answers1