new images

Author: Vishal Upadhyay

1_jsx/README.md

@@ -1,4 +1,10 @@
 # JSX
 
 ## JSX Overview
-![jsx](../images/3_JSX.png)
+![jsx](../images/3_JSX.png)
+
+## HTML VS JSX
+![html_vs_jsx](../images/4_HTML_VS_JSX.png)
+
+
+![html_vs_jsx](../images/4.1_HTML_VS_JSX.png)

1_jsx/src/index.js

@@ -2,7 +2,15 @@ import react from "react";
 import ReactDOM from 'react-dom';
 
 const App = () => {
-  return <div>Hello</div>
+  const buttonText = "Submit"
+  return (
+    <div>
+      <label className="label" htmlFor="name">Enter Name: </label>
+      <input id="name" />
+      {/* Using variable as button name */}
+      <button type="submit" style={{ backgroundColor:'blue', color:'white' }}> {buttonText} </button>
+    </div> 
+  )
 };
 
 ReactDOM.render(<App />, document.querySelector('#root'));