index.html

<!DOCTYPE html>
<html>
    <head>
        <title>React app </title>
        <link rel="stylesheet" type="text/css" href="style.css"/>
        <link rel="icon" />
    </head>
    <body>
        <div id="container">
            <h1>Hi guys , mai</h1>
            <div id="react-root">

            </div>
            <div id="react-root2"> </div>
        </div>
       
     <!-- <script>
         let root = document.getElementById("container")
         let heading = document.createElement("h2")
         heading.innerHTML = "Rajeev Ranjan"
         root.appendChild(heading);
     </script>    -->
     <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
        <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
    <script src="app.js"></script>

    </body>
</html>