diff options
Diffstat (limited to 'static/js/main.js')
| -rw-r--r-- | static/js/main.js | 58 |
1 files changed, 39 insertions, 19 deletions
diff --git a/static/js/main.js b/static/js/main.js index 6dc22d3..debad58 100644 --- a/static/js/main.js +++ b/static/js/main.js @@ -1,14 +1,12 @@ -const PROG_DEFAULT = `YOU WON'T WANT TO MISS 'Hello, World!' +const PROG_FACTORIAL = `YOU WON'T WANT TO MISS 'Hello, World!' DISCOVER HOW TO factorial WITH n WE SAID WHAT IF n IS ACTUALLY 0 - WE SAID SHOCKING DEVELOPMENT 1 - END OF STORY - LIES! WE SAID - SHOCKING DEVELOPMENT n MULTIPLY factorial OF n SUBTRACT 1 - END OF STORY + LIES! + SHOCKING DEVELOPMENT + n TIMES factorial OF n MINUS 1 END OF STORY EXPERTS CLAIM result TO BE factorial OF 10 @@ -17,6 +15,25 @@ YOU WON'T WANT TO MISS result PLEASE LIKE AND SUBSCRIBE`; +const PROG_FIBONACCI = `DISCOVER HOW TO fibonacci WITH a, b, n +WE SAID + WHAT IF n SMALLER THAN 1 + SHOCKING DEVELOPMENT b + LIES! WE SAID + YOU WON'T WANT TO MISS b + SHOCKING DEVELOPMENT + fibonacci OF b, a PLUS b, n MINUS 1 + END OF STORY +END OF STORY + +EXPERTS CLAIM limit TO BE 10 +YOU WON'T WANT TO MISS 'First 10 Fibonacci numbers' +EXPERTS CLAIM nothing TO BE fibonacci OF 1, 1, limit + +PLEASE LIKE AND SUBSCRIBE`; + +const PROG_DEFAULT = PROG_FIBONACCI; + const HEADLINES = [ `You Won't Believe What This Programming Language Can Do!`, `The Best Programming Language You Haven't Heard Of (It Will Surprise You!)`, @@ -42,10 +59,6 @@ class Editor extends Component { this.errors = ''; this.handleRun = () => this.eval(); - this.handleReset = () => { - this.prog = PROG_DEFAULT; - this.render(); - } this.handleInput = evt => { this.prog = evt.target.value; this.render(); @@ -63,6 +76,16 @@ class Editor extends Component { } } } + this.setFactorial = () => { + this.prog = PROG_FACTORIAL; + this.output = this.errors = ''; + this.render(); + } + this.setFibonacci= () => { + this.prog = PROG_FIBONACCI; + this.output = this.errors = ''; + this.render(); + } } eval() { this.output = ''; @@ -85,9 +108,10 @@ class Editor extends Component { compose() { return jdom`<div class="editor fixed block"> <div class="controls"> - ${this.prog === PROG_DEFAULT ? null : - jdom`<button class="block" - onclick=${this.handleReset}>Reset</button>`} + <button class="block" + onclick=${this.setFibonacci}>Fibonacci sample</button> + <button class="block" + onclick=${this.setFactorial}>Factorial sample</button> <button class="accent block" onclick=${this.handleRun}>Run this!</button> </div> @@ -207,12 +231,7 @@ class App extends Component { target="_blank">Ink</a>. </p> <h2>How much is there?</h2> - <p> - Here's the full list of non-standard keywords that Tabloid - currently uses, in addition to standard operators like <code - class="inline fixed block">PLUS</code> and <code class="inline - fixed block">MINUS</code>. - </p> + <p>Here's the full list of non-standard keywords that Tabloid currently uses:</p> <ul> <li><code class="inline fixed block">DISCOVER HOW TO...WITH</code> declare a function</li> <li><code class="inline fixed block">WE SAID</code> begin a block scope</li> @@ -223,6 +242,7 @@ class App extends Component { <li><code class="inline fixed block">YOU WON'T WANT TO MISS</code> print output</li> <li><code class="inline fixed block">TOTALLY RIGHT</code> true</li> <li><code class="inline fixed block">COMPLETELY WRONG</code> false</li> + <li><code class="inline fixed block">PLUS / MINUS / TIMES / DIVIDED BY / MODULO</code> the obvious arithmetic operations</li> <li><code class="inline fixed block">IS ACTUALLY</code> is equal to</li> <li><code class="inline fixed block">BEATS / SMALLER THAN</code> greater than / less than</li> <li><code class="inline fixed block">SHOCKING DEVELOPMENT</code> return from a function</li> |