day 02 begin

5 years ago · 3a124896f6
parent ab2ef2bf19
commit 3a124896f6
1 changed files with 26 additions and 1 deletions
--- a/solutions/day-02/index.html
+++ b/solutions/day-02/index.html
@ -8,7 +8,32 @@
  <body>
    <div class="root"></div>
    <script
        crossorigin src="https://unpkg.com/react@16/umd/react.development.js">
    </script>
    <script
        crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js">
    </script>
    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
    <script type="text/babel">
-    <script></script>
+      // To get the root element from the HTML document
      const rootElement = document.querySelector('.root')
      // JSX element
      const header = (
        <header>
          <h1>Welcome to 30 Days Of React</h1>
          <h2>Getting Started React</h2>
          <h3>JavaScript Library</h3>
          <p>Asabeneh Yetayeh</p>
          <small>Oct 2, 2020</small>
        </header>
      )
      // we render the JSX element using the ReactDOM package
      // ReactDOM has the render method and the render method takes two arguments
      ReactDOM.render(header, rootElement)
    </script>
  </body>
 </html>