/
fibonacci.html
116 lines (97 loc) · 3.75 KB
/
fibonacci.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link type="text/css" rel="stylesheet" href="assets/conways.css">
<link href='http://fonts.googleapis.com/css?family=Londrina+Shadow' rel='stylesheet' type='text/css'>
<title>Fibonacci</title>
</head>
<body>
<div class="fibonacci middle">
<h1>Fibonacci</h1>
<form id="fibonacci_form" action="#">
<div class="inline">
<input type="text" id="val"/>
</div>
<div class="inline">
<div class="large"><span>=</span></div>
</div>
<div class="inline large results_container">
</div>
</form>
</div>
<script type="text/javascript" src="//code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="./assets/bignumber.js"></script>
<script type="text/javascript" src="./src/common.js"></script>
<script type="text/javascript" src="../../nools.js"></script>
<script type="text/javascript">
(function () {
var outputDiv = document.getElementById("output"), statsListener = stats();
BigNumber.prototype.nequals = function (num) {
return !this.equals(num);
}
var Fibonacci = function (sequence, value) {
this.sequence = sequence;
this.value = value || new BigNumber(-1);
};
var Result = function (result) {
this.result = result || new BigNumber(-1);
};
var flow = nools.flow("Fibonacci Flow", function (flow) {
flow.rule("Recurse", [
["not", Fibonacci, "f", "f.sequence.equals(1)"],
[Fibonacci, "f1", "f1.sequence.nequals(1)"]
], function (facts) {
this.assert(new Fibonacci(facts.f1.sequence.minus(1)));
});
flow.rule("Bootstrap", [
Fibonacci, "f", "f.value.equals(-1) && (f.sequence.equals(1) || f.sequence.equals(2))"
], function (facts) {
var f = facts.f;
f.value = new BigNumber(1);
this.modify(f);
});
flow.rule("Calculate", [
[Fibonacci, "f1", "f1.value.nequals(-1)", {sequence: "s1"}],
[Fibonacci, "f2", "f2.value.nequals(-1) && f2.sequence.equals(s1.plus(1))", {sequence: "s2"}],
[Fibonacci, "f3", "f3.value.equals(-1) && f3.sequence.equals(s2.plus(1))"],
[Result, "r"]
], function (facts) {
var f3 = facts.f3, f1 = facts.f1, f2 = facts.f2;
var v = f3.value = f1.value.plus(facts.f2.value);
this.emit("result", v);
facts.r.result = v;
this.modify(f3);
this.retract(f1);
});
});
function calculate(num) {
var result = new Result();
statsListener.listen(flow.getSession(new Fibonacci(new BigNumber(num)), result))
.on("result", function (res) {
resultsContainer.text(res);
})
.match();
}
var resultsContainer = $(".results_container"), valInput = $("#val");
$("#fibonacci_form").on('submit', function () {
var num = parseInt(valInput.val(), 10);
resultsContainer.text("Calculating...");
if (!isNaN(num)) {
if (num > 2) {
calculate(num);
} else if (num <= 2) {
resultsContainer.text("1");
}
} else {
resultsContainer.text("Seriously?");
}
return false;
});
valInput.val(10);
calculate(10);
}());
</script>
</body>
</html>