title: Adding React elements to a static website not working
body: <p>Hi I've built a static website using HTML and CSS and I want to add some react elements to it. I've looked at the react documentation and it says all I need is:</p>
  <pre><code>      &lt;script src=&quot;https://unpkg.com/react@17/umd/react.development.js&quot; crossorigin&gt;&lt;/script&gt;
        &lt;script src=&quot;https://unpkg.com/babel-standalone@6/babel.min.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;https://unpkg.com/react-dom@17/umd/react-dom.development.js&quot; crossorigin&gt;&lt;/script&gt;
        &lt;script src=&quot;react.js&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p>The links are in the index file before the body section ends.</p>
  <p>In the react file all I have is a simple paragraph to make sure the connection works, but nothing appears on the page at all.</p>
  <pre><code>   import React from &quot;react&quot;
      import ReactDOM from &quot;react-dom&quot;
      
      // JSX
      ReactDOM.render(&lt;div&gt;&lt;h1&gt;Hello world!&lt;/h1&gt;&lt;p&gt;This is a paragraph&lt;/p&gt;&lt;/div&gt;, document.getElementById(&quot;react&quot;))
  </code></pre>
  <p>I've downloaded the react app files and node.js as well, and I can get that working for a new project. But I just want to make a website I already have a little more robust. What am I missing here?</p>