Back

Key Assignments

Re-Parse

Cancel

Script Editor

Save

Add Function Add Variable Add Class Tidy

Cancel

Script Load/Import

Save

Current script file loaded is:

• Sample Script 1
• Audi
• BMW

Back

Application Options

Persistence:

View:

Syntax highlighted view.

Editor:

Back

Help

Quick navigate to Javascript Language Reference

Introduction

Jsrpn calc is a programmable calculator which uses Javascript as its programming language. Assign javascript functions to buttons.

Jsrpn calc pays respect to classic HP calculators of the past by adopting a stack based, RPN (Reverse Polish Notation) mode of operation. And it has that big ENTER key too.

Call Javascript functions by pushing the parameters onto the stack and then pressing the custom button with the function name. Paramters are popped off the stack and return values (if any) are pushed onto the stack.

The stack can contain numbers, strings, arrays, objects.

Jsrpn calc has a html canvas you can draw on. Its the RPN calculator you've been waiting for your whole life. Old school meets cutting edge new school.

The flexibility of a stack based environment means you can play with values on the stack, feed one value into a javascript function and then feed its result into another javascript function. The stack becomes a playground and productive workspace, just like in the old HP days.

Custom buttons

Edit your script but to make custom buttons appear you need to go into the "custom keys" view and check the checkboxes next to the javascript functions you want to expose as buttons.

These can take the form of custom buttons on the swipeable carousel (4 pages max), or as shifted keys on the numbers 1..9 and the / * and - operators.

FAQ

Here are some tips for using Jsrpncalc.

• R/S repeats the last custom user function invoked.
• The log view (or print view) is available in the stack area (swipe stack left to see it) or under the main keyboard (Shift ENTER to see it).
• Swipe the custom button area to see four screens worth of custom buttons.
• To create custom buttons edit or load a script, then use the keys page to checkbox the functions you want exposed as buttons.

Javascript

The language you program with is plain javascript. No keystroke programming, just modern state of the art javascript. See Javascript Language Reference

How Parameters are suplied to your Javascript functions

Parameters to javascript functions are taken from the stack, so remember to push on the appropriate number of parameters BEFORE invoking your function. Thus if you used the Script Editor to type in the following function:

function myadd(a,b) {return a+b;} 

then after exposing this function as a custom button using the Custom Keys page, in order to actually use/invoke this function, you need use the main calculator interface and simply type

1
ENTER
2
myadd 

(where myadd is a custom button)

Returning values from your custom Javascript functions

Your script can return values using the normal

return 

keyword. Or you can access the stack directly with the rpn object and push things on e.g.

rpn.pusher(100); 

Canvas drawing

You can draw to the built in canvas.

Back

Javascript Reference

From http://javascript-reference.info/

function UntitledClass() { var someVar = ""; // Private Methods ------------------------ function priv1() { } // Public Methods ------------------------- function pub1(a) { priv1(); someVar = a; } function pub2(a) { return someVar + 1; } // Return interface ----------------------- return { pub1: pub1, dosomething: pub2 } };

function findSequence(goal) { if (goal == "z") alert("zzz"); else alert(55); } // Built in global objects are log(s) and rpn function add(a,b) { return a+b; } function say_hi() { return "hi"; } function say_hi2() { console.log(rpn); rpn.pusher(1000); } function logloop1(n) { for (i=1;i<=n;i++) { log(i); } } function randy1() {rpn.pusher(Math.random());} function lenarray(lzt) {rpn.pusher(lzt.length);} function gen(n) { var arra=[]; for (i=1;i<=n;i++) { arra.push(i); } rpn.pusher(arra);} function gen5() { gen(5); }

// Canvas demos from // http://www.concept-it.ch/projects/web/blueSparrow/demo8.html function demo1() { // Get canvas element var canvas = document.getElementById("myCanvas"); // Initialize new canvas manager (show outline, don't show FPS) var canvasManager = new blueSparrow.CanvasManager(canvas, true, false); // Make a new sprite with tag 's1' at 300, 200 with dimensions // of 100 by 100, and having no image attached var sprite1 = new blueSparrow.Sprite("s1", 30, 20, 50, 50, null); // Define a custom drawing function using fill color, stroke color, // stroke width, fill opacity and stroke opacity sprite1.customDraw = function() { this.drawRectangleOutline("#0000cc", "#000000", 6, 0.8, 1); }; // Set the rotation of the sprite sprite1.rotation = 30; // Add the sprite to the canvas manager canvasManager.addSprite(sprite1); // Tell the canvas manager to draw its sprite hierarchy canvasManager.draw(); } function demo8() { // Make image objects var sparrow = new Image(); sparrow.src = "images/blueSparrowLogo128.png"; var number = new Image(); number.src = "images/number.png"; // Initialize canvas manager var canvas = document.getElementById("myCanvas"); var canvasManager = new blueSparrow.CanvasManager(canvas, true, true); // Make a rotating square sprite using a custom drawing function // The square is UI enabled var square = new blueSparrow.Sprite("square", 300, 200, 300, 300, null); square.setZOrder(1); square.rotation = 0; square.scale = 0.75; square.customDraw = function() { this.drawRectangleOutline("#cccccc", "#000000", 2, 0.8, 1); }; square.addAction(new blueSparrow.Action("rotation", 360, 30, blueSparrow.easingFunction("linear"), blueSparrow.ACTION_REPEAT)); square.uiEnabled = true; square.draggable = true; square.scheduled = true; canvasManager.addSprite(square); // Add children to the square var N = 50, i, sprite; for (i = 0; i < N; i++) { sprite = new blueSparrow.Sprite("number-" + i, 150, 150, 32, 32, number); sprite.setSpeed(Math.round(Math.random() * 100) + 10); sprite.setDirection(Math.round(Math.random() * 360)); sprite.scheduled = true; sprite.bounceOffParent = true; sprite.availableImageFrames = 10; sprite.imageFrameInterval = 0.5 + Math.random() * 2; square.addChild(sprite); } var sparrow = new blueSparrow.Sprite("sparrow", 100, 100, 128, 128, sparrow); sparrow.addAction(new blueSparrow.Action("rotation", -360, 15, blueSparrow.easingFunction("linear"), blueSparrow.ACTION_REPEAT)); sparrow.scheduled = true; sparrow.opacity = 0.8; square.addChild(sparrow); // Initialize and start scheduler var scheduler = new blueSparrow.Scheduler(canvasManager, 60); scheduler.start(); }

function add(a,b) { return a+b; }