title: I can't use <h1> inside <script>
body: <p>I am trying to use React.js but when i try to use a balise like 'h1' or a 'div' inside a script balise, the rest of the code is not taken into account. I have seen a lot of forums using it but i don't understand how it works.</p>
  
  <pre><code>&lt;html&gt;
  &lt;meta charset=utf-8&gt;
  &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
  
  &lt;script src="reactJS/build/react.js"&gt;&lt;/script&gt;
  &lt;script src="reactJS/build/react-dom.js"&gt;&lt;/script&gt;
  
  &lt;div id="root"&gt;&lt;/div&gt;
  
  &lt;script&gt;
      function formatName(user) {
          return user.firstName + ' ' + user.lastName;
      }
  
      const name = 'Josh Perez', 
      element = &lt;h1&gt;Hello, {name}&lt;/h1&gt;;
  
      ReactDOM.render(
        element,
        document.getElementById('root')
      );
  &lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <p>The "/" in the 12th line makes the rest of the code not usable and it doesn't act like a script balise anymore.</p>
  
  <p>I thank you in advance for the help.
  (Sorry if my english is really poor aswell)</p>