JSFiddle - React, Tailwind, and code Playground

by Pritesh Patel

JavaScript

var Fibonacci = React.createClass({
	getInitialState() {
		return {
			limit: 1
		}
	},
	
	calculateFibonacci() {
		var limit = this.state.limit;
		var prev = 0, next = 1, current = 0, arr = [], i;

		for (i = 0; i < limit; i++ ) {
			arr.push(prev);
			current = prev;
			prev = next;
			next = current + next;
		}

		return arr.join('<br>');
	},

	handleRange(e) {
		this.setState({ limit: e.target.value })
	},
	render() {
		return (
			<div className="row">
				<h1>Fibonacci sequence</h1>
				<div className="well well-lg" dangerouslySetInnerHTML={{ __html: this.calculateFibonacci() }}></div>
			</div>
		)
	}
})

React.render(<Fibonacci />, document.querySelector('.container'))