JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Hello React!</title>
        <script src="https://fb.me/react-0.14.2.js"></script>
        <script src="https://fb.me/react-dom-0.14.2.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
    </head>
    <body>
        <div id="example"></div>
        <script type="text/babel">
            var Knapp = React.createClass({
                getInitialState: function() {
                    return {trykket: false};
                },
                handleClick: function(event) {
                    this.setState({trykket: !this.state.trykket});
                },
                render: function() {
                    var text = this.state.trykket ? 'liker' : 'liker ikke';

                    return ( 
                        <p onClick={this.handleClick}>Du {text} dette.Klikk her nå!</p>
                    );
                }
            });

            ReactDOM.render( < Knapp / > , document.getElementById('example'));

        </script>
    </body>
</html>