mirror of
https://github.com/leporello-js/leporello-js
synced 2026-01-13 21:14:28 -08:00
39 lines
800 B
JavaScript
39 lines
800 B
JavaScript
const fib = n => {
|
|
if(n == 0) {
|
|
return 0
|
|
}
|
|
if(n == 1) {
|
|
return 1
|
|
}
|
|
return fib(n - 1) + fib(n - 2)
|
|
}
|
|
|
|
/* external */
|
|
import {h, render} from 'https://unpkg.com/preact?module';
|
|
|
|
/* external */
|
|
import {Stateful} from './stateful.js'
|
|
|
|
const Counter = Stateful({
|
|
getInitialState: () => ({index: 0}),
|
|
|
|
handlers: {
|
|
prev: ({index}) => ({index: index - 1}),
|
|
next: ({index}) => ({index: index + 1}),
|
|
},
|
|
|
|
render: (props, state, handlers) =>
|
|
h('div', null,
|
|
h('h1', null,
|
|
'nth Fibonacci number is ',
|
|
fib(state.index),
|
|
' for n = ',
|
|
state.index
|
|
),
|
|
h('button', {onClick: handlers.prev}, 'Previous'), ' ',
|
|
h('button', {onClick: handlers.next}, 'Next'), ' ',
|
|
)
|
|
})
|
|
|
|
render(h(Counter), globalThis.document.body)
|