jondcallahan/index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Hello World</title>
    <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
  </head>
  <body>
    <div id="root"></div>
    <script type="text/babel">


    class Main extends React.Component {
        state = {
            count: 0
        }
        handleIncrement = () => {
            this.setState(prevState => ({count: prevState.count + 1}));
        }
        handleDecrement = () => {
            this.setState(prevState => ({count: prevState.count - 1}));
        }
        render() {
            return (
                <>
                    <p>The count is: {this.state.count}</p>
                    <button onClick={this.handleIncrement}>+</button>
                    <button onClick={this.handleDecrement}>-</button>
                </>
            )
        }
    }
    function MyComp() {
        return <h1>Hello, jsx!</h1>
    }

    ReactDOM.render(
        <Main/>,
        document.getElementById('root')
    );
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8" />
	<title>Hello World</title>
	<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
	<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
	<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
	</head>
	<body>
	<div id="root"></div>
	<script type="text/babel">



	class Main extends React.Component {
	state = {
	count: 0
	}
	handleIncrement = () => {
	this.setState(prevState => ({count: prevState.count + 1}));
	}
	handleDecrement = () => {
	this.setState(prevState => ({count: prevState.count - 1}));
	}
	render() {
	return (
	<>
	<p>The count is: {this.state.count}</p>
	<button onClick={this.handleIncrement}>+</button>
	<button onClick={this.handleDecrement}>-</button>
	</>
	)
	}
	}
	function MyComp() {
	return <h1>Hello, jsx!</h1>
	}

	ReactDOM.render(
	<Main/>,
	document.getElementById('root')
	);
	</script>
	</body>
	</html>