dali-react-demo

src/App.js

@@ -2,13 +2,24 @@ import logo from './logo.svg';
 import './App.css';
 
 function App() {
+  const name = "Summer";
+  let variable = "";
+  if (name === "Summer") {
+    variable = <p>This is Summer.</p>
+  }
+  let nameString = name === "Autumn" ? "This is Autumn!" : "This is not Autumn!";
+  const buttonClick = () => {
+    console.log("I clicked the button.")
+  }
   return (
     <div className="App">
       <header className="App-header">
         <img src={logo} className="App-logo" alt="logo" />
         <p>
           Edit <code>src/App.js</code> and save to reload.
         </p>
+        {variable}
+        <p>Hi, my name is {name}.</p>
         <a
           className="App-link"
           href="https://reactjs.org"
@@ -17,6 +28,7 @@ function App() {
         >
           Learn React
         </a>
+        <button>Click me.</button>
       </header>
     </div>
   );