elijahmanor · March 12, 2020 16:11
diff --git a/index.html b/index.html
 <div id="app"></div>
diff --git a/playground.json b/playground.json
 {
  "scripts": [
    "react",
    "react-dom"
  ],
  "styles": [
    "font-awesome"
  ]
 }
diff --git a/script.js b/script.js
 function App() {
    return <div>
        <h1>Hi, I'm GistPad 👋</h1>
        <p>Feel free to edit the HTML, JavaScript and CSS in this playground. The preview will update in real-time, so that you can visually explore your ideas.</p>
        <button onClick={() => alert("Hi!")}>Say Hi <span className="fa fa-heart" /></button>
    </div>;
 }

 ReactDOM.render(<App />, document.getElementById("app"));
diff --git a/style.css b/style.css
 body {
    background-color: lightblue;
 }
	function App() {
	return <div>
	<h1>Hi, I'm GistPad 👋</h1>
	<p>Feel free to edit the HTML, JavaScript and CSS in this playground. The preview will update in real-time, so that you can visually explore your ideas.</p>
	<button onClick={() => alert("Hi!")}>Say Hi <span className="fa fa-heart" /></button>
	</div>;
	}

	ReactDOM.render(<App />, document.getElementById("app"));