<!DOCTYPE html>
<html>
	<head>
		<script src="https://unpkg.com/react@15.3.2/dist/react.min.js"></script>
    <script src="https://unpkg.com/react-dom@15.3.2/dist/react-dom.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.js"></script>
		<link rel="stylesheet" type="text/css" href="style.css">
    <title>My first react file</title>
	</head>

	<body>
		<div id="react-container">
			<script type="text/babel">
			var Note = React.createClass({
				render() {
					return (
						<div className="note">
							<p></p>
							<span>
								<button>EDIT</button>
								<button>X</button>
							</span>
						</div>
						)
				}
			})

				ReactDOM.render(<Note></Note>,
					document.getElementById('react-container'))
			</script>
		</div>
	</body>
</html>
<!DOCTYPE html>
<html>
	<head>
		<script src="https://unpkg.com/react@15.3.2/dist/react.min.js"></script>
    <script src="https://unpkg.com/react-dom@15.3.2/dist/react-dom.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.js"></script>
		<link rel="stylesheet" type="text/css" href="style.css">
    <title>My first react file</title>
	</head>

	<body>
		<div id="react-container">
			<script type="text/babel">
			var Note = React.createClass({
				edit() {
					alert("Editing note")
				},
				remove() {
					alert("Removing Note")
				},
				render() {
					return (
						<div className="note">
							<p></p>
							<span>
								<button onClick={this.edit}>EDIT</button>
								<button onClick={this.remove}>X</button>
							</span>
						</div>
						)
				}
			})

				ReactDOM.render(<Note></Note>,
					document.getElementById('react-container'))
			</script>
		</div>
	</body>
</html>
Add edit and remove functions
Add edit and remove functions
