(function(document, window) {
var $display = document.querySelector('.screen-main-display-container'),
$headerRow1 = document.querySelector('#header-row1 .screen-header-content'),
$headerRow1Right = document.querySelector('#header-row1 .screen-header-right'),
$headerRow2 = document.querySelector('#header-row2 .screen-header-content'),
$headerRow2Right = document.querySelector('#header-row2 .screen-header-right'),
$keyAlt1Text = document.querySelectorAll('.key-alt-text-1'),
$keyAlt2Text = document.querySelectorAll('.key-alt-text-2'),
$keyButtons = document.querySelectorAll('.key-button'),
$keyText = document.querySelectorAll('.key-text'),
$logo = document.querySelector('#logo'),
$modal = document.querySelector('#modal'),
$modalClose = document.querySelector('#modal-close'),
$overlay = document.querySelector('#overlay'),
altBtnState = '',
cancelKey = 'k38',
cursorPosition = 0,
defaultLineNums = ["1:", "2:", "3:", "4:", "5:"],
inputLine = false,
inputMode = 'dec',
keyboardKeyMap,
keyMap,
maxDispDigits = 9,
maxLineChars = 18,
menu,
menuSlots = 6, // number of menu spaces on screen
mode = 'deg',
reDec = new RegExp(/^([\-\+]?)([\d]*)(\.?)([\d]*)([Ee][\-\+]?[\d]+)?$/),
screenStack = {
lineNumbers: defaultLineNums.slice(),
lineContents: []
};
keyboardKeyMap = {
// number pad 0-9 and '.'
'96': 'k39',
'97': 'k34',
'98': 'k35',
'99': 'k36',
'100': 'k29',
'101': 'k30',
'102': 'k31',
'103': 'k24',
'104': 'k25',
'105': 'k26',
'110': 'k40',
// number keys 0-9 and '.'
'48': 'k39',
'49': 'k34',
'50': 'k35',
'51': 'k36',
'52': 'k29',
'53': 'k30',
'54': 'k31',
'55': 'k24',
'56': 'k25',
'57': 'k26',
'190': 'k40',
'13': 'k18', // etner key
'107': 'k42', // '+' key
'109': 'k37', // '-' key
'106': 'k32', // '*' key
'111': 'k27', // '/' key
'69': 'k41', // 'e' key
'8': 'k22', // backspace key
'46': 'k21', // delete key
'37': 'k15', // ArrowLeft key
'39': 'k17', // ArrowRight key
'38': 'k10', // ArrowUp key
'40': 'k16', // ArrowDown key
'27': 'k38'// Escape key
};
function forEachNode(NodeList, callback, scope) {
for(var i = 0; i < NodeList.length; i++) {
callback.call(scope, NodeList[i], i);
}
}
/**
*
*Initialization and Setup Functions
*
*/
//setKeys function maps text onto appropriate key.
function setKeys() {
//set text for each key
forEachNode($keyText, function(node, ind) {
node.innerHTML = keyMap["k" + ind].main.text || "~k" + ind + "~";
});
//set alt1 text for each key
forEachNode($keyAlt1Text, function(node, ind) {
var offset = ind + 6; //compensate for 6 top keys w/o alt text
node.innerHTML = keyMap["k" + offset].alt1.text;
});
//set alt2 text for each key
forEachNode($keyAlt2Text, function(node, ind) {
var offset = ind + 6; //compensate for 6 top keys w/o alt text
node.innerHTML = keyMap["k" + offset].alt2.text;
});
//set Cancel key (overrides key's native main func)
//should be bottom row key or text will interfere
var CancelKeyNode = document.createElement("div");
CancelKeyNode.id = "cancel"
CancelKeyNode.innerHTML = "Cancel"
document.getElementById(cancelKey).parentElement.appendChild(CancelKeyNode);
keyMap[cancelKey].main.func = clearInputLine;
}
// set the keyMap object. This is in a function so that other objects
// which may be needed can be instantiated first.
function setKeyMap() {
keyMap = {
"k0": {
"main": {
"text": " ",
"arg": "",
"func": ""
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k1": {
"main": {
"text": " ",
"arg": "",
"func": ""
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k2": {
"main": {
"text": " ",
"arg": "",
"func": ""
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k3": {
"main": {
"text": " ",
"arg": "",
"func": ""
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k4": {
"main": {
"text": " ",
"arg": "",
"func": ""
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k5": {
"main": {
"text": " ",
"arg": "",
"func": ""
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k6": {
"main": {
"text": "Main",
"arg": "main",
"func": menu.goToMenu
},
"alt1": {
"text": "A",
"arg": "A",
"func": numClick
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k7": {
"main": {
"text": "sin",
"arg": [1, sin],
"func": stackOperation
},
"alt1": {
"text": "B",
"arg": "B",
"func": numClick
},
"alt2": {
"text": "asin",
"arg": [1, asin],
"func": stackOperation
}
},
"k8": {
"main": {
"text": "cos",
"arg": [1, cos],
"func": stackOperation
},
"alt1": {
"text": "C",
"arg": "C",
"func": numClick
},
"alt2": {
"text": "acos",
"arg": [1, acos],
"func": stackOperation
}
},
"k9": {
"main": {
"text": "tan",
"arg": [1, tan],
"func": stackOperation
},
"alt1": {
"text": "D",
"arg": "D",
"func": numClick
},
"alt2": {
"text": "atan",
"arg": [1, atan],
"func": stackOperation
}
},
"k10": {
"main": {
"text": "<i class='fa fa-chevron-up'></i>",
"arg": "",
"func": ""
},
"alt1": {
"text": "E",
"arg": "E",
"func": numClick
},
"alt2": {
"text": "Up",
"arg": "",
"func": menu.goToPrevMenu
}
},
"k11": {
"main": {
"text": "Next",
"arg": "",
"func": nextMenu
},
"alt1": {
"text": "F",
"arg": "F",
"func": numClick
},
"alt2": {
"text": "Prev",
"arg": "",
"func": ""
}
},
"k12": {
"main": {
"text": "√x",
"arg": [1, squareRoot],
"func": stackOperation
},
"alt1": {
"text": "<span class='math'>x<sup>2</sup></span>",
"arg": [1, squared],
"func": stackOperation
},
"alt2": {
"text": "<span class='math'><sup>x</sup>√y</span>",
"arg": [2, xthRoot],
"func": stackOperation
}
},
"k13": {
"main": {
"text": "y<sup>x</sup>",
"arg": [2, xthPower],
"func": stackOperation
},
"alt1": {
"text": "<span class='math'>10<sup>x</sup></span>",
"arg": [1, tenPow],
"func": stackOperation
},
"alt2": {
"text": "log",
"arg": [1, log10],
"func": stackOperation
}
},
"k14": {
"main": {
"text": "1/x",
"arg": [1, inverse],
"func": stackOperation
},
"alt1": {
"text": "<span class='math'>e<sup>x</sup></span>",
"arg": [1, exp],
"func": stackOperation
},
"alt2": {
"text": "ln",
"arg": [1, ln10],
"func": stackOperation
}
},
"k15": {
"main": {
"text": "<i class='fa fa-chevron-left'></i>",
"arg": "",
"func": cursorLeft
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k16": {
"main": {
"text": "<i class='fa fa-chevron-down'></i>",
"arg": "",
"func": ""
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k17": {
"main": {
"text": "<i class='fa fa-chevron-right'></i>",
"arg": "",
"func": cursorRight
},
"alt1": {
"text": "Swap",
"arg": "",
"func": swapLines
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k18": {
"main": {
"text": "ENTER",
"arg": "",
"func": enterKey
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k19": {
"main": {
"text": "π",
"arg": "",
"func": piKey
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k20": {
"main": {
"text": "mod",
"arg": [2, modulo],
"func": stackOperation
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k21": {
"main": {
"text": "DEL",
"arg": "",
"func": clearStack
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k22": {
"main": {
"text": "<i class='fa fa-arrow-left'></i>",
"arg": "",
"func": delKey
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k23": {
"main": {
"text": "+/-",
"arg": "",
"func": toggleSign
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k24": {
"main": {
"text": "7",
"arg": 7,
"func": numClick
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k25": {
"main": {
"text": "8",
"arg": 8,
"func": numClick
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k26": {
"main": {
"text": "9",
"arg": 9,
"func": numClick
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k27": {
"main": {
"text": "/",
"arg": [2, divide],
"func": stackOperation
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k28": {
"main": {
"text": "<i class='fa fa-reply'></i>",
"arg": "alt1",
"func": altBtn
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k29": {
"main": {
"text": "4",
"arg": 4,
"func": numClick
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k30": {
"main": {
"text": "5",
"arg": 5,
"func": numClick
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k31": {
"main": {
"text": "6",
"arg": 6,
"func": numClick
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k32": {
"main": {
"text": "*",
"arg": [2, multiply],
"func": stackOperation
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k33": {
"main": {
"text": "<i class='fa fa-share'></i>",
"arg": "alt2",
"func": altBtn
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k34": {
"main": {
"text": "1",
"arg": 1,
"func": numClick
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k35": {
"main": {
"text": "2",
"arg": 2,
"func": numClick
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k36": {
"main": {
"text": "3",
"arg": 3,
"func": numClick
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k37": {
"main": {
"text": "-",
"arg": [2, subtract],
"func": stackOperation
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k38": {
"main": {
"text": "ON",
"arg": "",
"func": ""
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k39": {
"main": {
"text": "0",
"arg": 0,
"func": numClick
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k40": {
"main": {
"text": ".",
"arg": ".",
"func": numClick
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k41": {
"main": {
"text": "EE",
"arg": "E",
"func": numClick
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
},
"k42": {
"main": {
"text": "+",
"arg": [2,add],
"func": stackOperation
},
"alt1": {
"text": "",
"arg": "",
"func": ""
},
"alt2": {
"text": "",
"arg": "",
"func": ""
}
}
};
}
/**
*
*Screen Functions
*
*/
// function returns a copy of the input line with cursor at given position
function insertCurosr(position) {
var newLine;
//verify we're on input line
if(inputLine === true) {
//check if input line is array of characters
if(Array.isArray(screenStack.lineContents[0])) {
//grab a copy of the input array
newLine = screenStack.lineContents[0].slice();
} else { //a string is displayed there, so make it an array.
newLine = screenStack.lineContents[0].split("");
}
//splice in the cursor at the given position
newLine.splice(position, 0, '<span class="cursor">|</span>');
}
return newLine;
}
// function to handle excessive characters on a line.
function formatLine(contents) {
var formattedLine,
numExcessChars = contents.length - maxLineChars,
type = typeof contents,
startIndex = numExcessChars < 0 ? 0 : numExcessChars;
if(numExcessChars > 0) {
if(Array.isArray(contents)) {
formattedLine = contents.slice();
} else if(type === 'string') {
formattedLine = contents.split("");
}
if(cursorPosition > startIndex){
formattedLine.splice(0, contents.length - maxLineChars, "...");
} else if(cursorPosition <= startIndex && cursorPosition > 1) {
formattedLine = formattedLine.splice(cursorPosition, maxLineChars - 2);
formattedLine.unshift("...");
formattedLine.push("...");
} else {
formattedLine = formattedLine.splice(0, maxLineChars - 2);
formattedLine.push("...");
}
if(type === 'string') {
formattedLine.join("");
}
}
return formattedLine || contents;
}
// Format numbers to fit maxDispDigits
function screenNumberFormat(num) {
var numLen,
whole,
wholeLen;
// validate input is number, if not attempt conversion.
if(num === undefined || isNaN(num)) { // if num is undefined should dispaly empty string
return "";
} else if(typeof num === 'string') {
num = parseFloat(num);
} else if(Array.isArray(num)) {
num = parseFloat(num.join(""));
}
// number of chracters in num
numLen = num.toString().length;
whole = Math.floor(num);
wholeLen = whole.toString().length;
if(numLen > maxDispDigits) { //num is too large
// whole number protion is too long then put in exponential form
if(wholeLen > maxDispDigits ) {
return num.toExponential(maxDispDigits);
} else { // decimals take up too much room so display in fixed form
return num.toFixed(maxDispDigits - wholeLen);
}
}
return num;
}
// draw the screen
function refreshScreen() {
var nodeText = ['<div class="screen-main-display">'],
j = 1,
lineNum,
content;
// create html for each line
for (var i = 4; i >= 0; i--) {
lineNum = screenStack.lineNumbers[i];
// check for input line and also verify that this is index 0
// any other index would be anomalous
if(inputLine === true && i === 0) {
// insert the cursor and join the input array to be dispalyed as string
content = formatLine(insertCurosr(cursorPosition)).join("");
// opening line div tag needs 'input-line' class
nodeText[j++] = '<div id="line' + i + '" class="line input-line">';
} else {
//grabe content from the screenStack object.
content = screenNumberFormat(screenStack.lineContents[i]);
// generic opeing line div tag.
nodeText[j++] = '<div id="line' + i + '" class="line">';
}
nodeText[j++] = '<div class="line-number left">';
nodeText[j++] = lineNum;
nodeText[j++] = '</div>';
nodeText[j++] = '<div class="line-content">';
nodeText[j++] = content;
nodeText[j++] = '</div>';
nodeText[j++] = '</div>';
}
//close screen-main-dispaly div
nodeText[j++] = '</div>';
//replace display with newly created html
$display.innerHTML = nodeText.join("");
}
//Create a new input line
function openInputLine(char) {
inputLine = true;
cursorPosition++;
//new line is added to front of screenStack
screenStack.lineNumbers.unshift(""); //has no line number
screenStack.lineContents.unshift([char.toString()]);
refreshScreen();
}
//Add characters to the input line text
function concatInputChar(char) {
screenStack.lineContents[0].splice(cursorPosition, 0, char.toString());
cursorPosition++;
refreshScreen();
}
//Remove characters from the input line
function delInputChar() {
if(cursorPosition > 0) {
cursorPosition--;
screenStack.lineContents[0].splice(cursorPosition, 1);
}
}
//Remove the inputLine and return what was there as a float
function clearInputLine() {
var input = [];
//only clear first screenStack entries if current line is
//an input line.
if(screenStack.lineNumbers[0] === "") {
input = screenStack.lineContents[0];
screenStack.lineNumbers.shift();
screenStack.lineContents.shift();
inputLine = false;
cursorPosition = 0; // reset cursor position
refreshScreen();
}
return parseFloat(input.join(""));
}
// function returns the content of a given line number.
// line number corresponds to line number on screen.
// If present, 0 represents input line
function getLineContents(lineNum) {
var contents;
//if input line is present, screenStack.lineContents is indexed correctly
if(inputLine === true) {
contents = screenStack.lineContents[lineNum];
} else { //if no inptul line, screen line 1 lies at index 0;
contents = screenStack.lineContents[lineNum - 1] || "";
}
return contents;
}
function getLineString(lineNum) {
var str = getLineContents(lineNum);
return Array.isArray(str) ? str.join("") : str;
}
// function clears number of lines specified starting from the bottom of
// the stack. This occurs irrespective of input line
function clearLines(num) {
// defalut to 1 if none specified.
num = num || 1;
// delete line conents and numbers for number of lines specified.
for(var i = 0; i < num; i++) {
screenStack.lineNumbers.shift();
screenStack.lineContents.shift();
}
//maintain minimum of default line numbers
if(screenStack.lineNumbers.length < defaultLineNums.length) {
screenStack.lineNumbers = defaultLineNums.slice();
}
// in case was input line, set inputLine to false and reset cursor position
inputLine = false;
cursorPosition = 0;
}
function addLineToStack(val) {
var lineNum;
if(!isNaN(val)) {
//the next line number value
lineNum = screenStack.lineNumbers.length + 1;
//prepend val to the screenStack.lineContents array
screenStack.lineContents.unshift(val);
//if another line number is needed, add it to the line numbers.
if(screenStack.lineContents.length > screenStack.lineNumbers.length) {
screenStack.lineNumbers.push(lineNum.toString(10) + ":");
}
}
}
//Place content at a specific line.
//0 is input line (which may not be visible)
//If no input line is present, one will be created
function placeAtLine(lineNum, val) {
if(lineNum > 0) {
screenStack.lineContents.splice(lineNum - 1 , 0, val);
} else {
}
}
/**
*
* Menu Functionality
*
*/
menu = (function() {
var $keyOptionButtons = document.querySelectorAll('.key-option-button'),
$menus = document.querySelectorAll('.menu'),
slots = menuSlots,
menuLength,
mainMenu = 'main',
menuState = [],
page = 0,
screenMenus = {
main: {
mode: {
deg: degKey,
rad: radKey,
'd->r': degToRad,
'r->d': radToDeg
}
}
};
// Draws appropriate menu text and menu button style
function drawMenu(menuObj) {
// get keys for menuObj. These are the menu block labels
var keys = Object.keys(menuObj);
// iterate through the menu divs
forEachNode($menus, function(node, ind) {
var key = keys[ind + (page * slots)];
// if there's something to add to the menus
if(key) {
// set the menu html to the key text for each menu
node.innerHTML = key;
// check if this key's property is an object. If so, this is a menu
// otherwise it is an action button.
if(typeof menuObj[key] === 'object') {
node.classList.add('menu-folder');
} else {
node.classList.remove('menu-folder');
}
} else { // else ensure the menu space is empty
node.innerHTML = '';
}
});
menuLength = keys.length;
}
function getCurrMenuObj() {
return menuState.reduce(function(prev, curr) {
return prev[curr];
}, screenMenus);
}
function nextMenu() {
if(menuLength > slots) {
page = ++page % ((menuLength % slots) + 1);
drawMenu(getCurrMenuObj());
}
}
// navigate to top level menu
function goToMenu(name) {
menuState = [name];
$headerRow2.innerHTML = menuState.join(' -> ');
drawMenu(getCurrMenuObj());
}
// Draws submenu by name relative to the current menu object
function goToSubMenu(name) {
menuState.push(name);
$headerRow2.innerHTML = menuState.join(' -> ');
drawMenu(getCurrMenuObj());
}
function goToPrevMenu() {
if(menuState.length > 1){
menuState.pop();
$headerRow2.innerHTML = menuState.join(' -> ');
drawMenu(getCurrMenuObj());
}
}
// handle clicks to option buttons
forEachNode($keyOptionButtons, function(node, ind) {
node.addEventListener('click', function() {
var name = $menus[ind].textContent,
currMenu = getCurrMenuObj();
if(typeof currMenu[name] === 'object') { // if button is submenu
goToSubMenu(name); // the go to subment
} else if (typeof currMenu[name] === 'function') {
currMenu[name](); // if button is an action/function, run it.
}
});
})
// initialize the menus
function init() {
goToMenu(mainMenu);
}
// return the menu object for public reference
return {
init: init,
nextMenu: nextMenu,
subMenu: goToSubMenu,
goToMenu: goToMenu,
goToPrevMenu: goToPrevMenu
};
})();
/**
*
* Number Handling
*
*/
// returns the number of digits to the right of the decimal.
function decimalPlaces(num) {
var decDigits,
sciDigits,
match = (''+num).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);
if (!match) {
return 0;
}
// digits to right of the decimal
decDigits = match[1] ? match[1].length : 0;
// decimal places due to scientific notation
sciDigits = match[2] ? +match[2] : 0;
return Math.max(0, decDigits - sciDigits);
}
// return max decimal places from number arbitrary number of numbers
function maxDecimalPlaces() {
var numArr = Array.prototype.slice.call(arguments);
return numArr.reduce(function(max, curr) {
return decimalPlaces(curr) > max ? decimalPlaces(curr) : max;
}, 0);
}
function scaleVal() {
var args = Array.prototype.slice.call(arguments),
places = maxDecimalPlaces.apply(this, args);
return Math.pow(10, places);
}
/**
*Calculation/Operation functions
*These are assigned to keys in the keyMap object
*
*/
//
//Basic Calculator functionality
//
//handle any character that needs to be added to input line
function numClick(char) {
//check that we have an input line (a line with no line number)
//otherwise assume input and concat to what's there
if (screenStack.lineNumbers[0] !== "") {
openInputLine(char);
} else {
concatInputChar(char);
}
}
// toggles a +/- at the given index of an array.
function toggleSignAt(arr, ind) {
if(arr[ind] === '+') { //if + make it -
arr[ind] = '-';
} else if(arr[ind] === '-') { //if - make it +
arr[ind] = '+';
} else { //else number is implied positive, make it -
arr.splice(ind, 0, '-');
cursorPosition++;
}
}
// Take content and return a string with toggled sign for the number portion
function changeNumberSign(lineContent) {
var isArray = Array.isArray(lineContent);
if(isArray) { // lineContent will be array on input line
toggleSignAt(lineContent, 0);
} else {
// other lines contain number, so invert sign
lineContent *= -1;
}
return lineContent;
}
// return the index of 'E' for a given line number.
function indexOfE(lineNum) {
var num,
type;
if(!inputLine) {
lineNum = lineNum - 1;
}
// get info at lineNum
num = screenStack.lineContents[lineNum];
type = typeof num;
// Find the index of E
if(Array.isArray(num)) { // if it's an array, join it
return num.join('').indexOf('E');
} else if(type === 'Number'){ // if it's a number, toString it.
return screenStack.lineContents[lineNum].toString().indexOf('E');
} else if (type === "String") { // if it's a string, then just find index
return screenStack.lineContents[lineNum].indexOf('E');
}
}
// toggles the sign of the scientific notation exponent.
function changeSciSign(lineContent, idxOfE) {
var isArray = Array.isArray(lineContent);
if(!isArray) { // line content won't be array for non-input lines
lineContent.split("");
}
toggleSignAt(lineContent, idxOfE + 1);
return isArray ? lineContent : lineContent.join("");
}
//toggle sign of active line
function toggleSign() {
var lineNum = inputLine ? 0 : 1,
currLineContents = getLineContents(lineNum),
idxOfE;
// get index of 'E' in case of sci notation.
idxOfE = indexOfE(lineNum);
// if cursor is in exponential portion, toggle sign there.
if(idxOfE > -1 && cursorPosition > idxOfE) {
changeSciSign(currLineContents, idxOfE);
} else { // replace first line of screen with signed version
screenStack.lineContents[0] = changeNumberSign(currLineContents);
}
refreshScreen();
}
//validate the syntax of string number for a give mode.
// mode: 'dec', 'bin', 'hex'
function validateSyntax(str, mode) {
switch(mode) {
case 'dec':
return reDec.test(str);
}
}
function enterKey() {
var val = "";
if(inputLine === true) {
val = getLineString(0);
if(validateSyntax(val, inputMode)) {
addLineToStack(clearInputLine());
} else {
displaySyntaxErr();
}
} else {
val = screenStack.lineContents[0];
placeAtLine(1, val);
}
refreshScreen();
}
//Clear the screen stack and reset the line numbers
function clearStack() {
//enforce clearing of stack only when input line not present.
if(inputLine === false) {
screenStack.lineContents = [];
screenStack.lineNumbers = defaultLineNums.slice();
refreshScreen();
}
}
// display syntax error message in the header.
function displaySyntaxErr() {
$headerRow1Right.innerHTML = "SYNTAX ERROR";
}
function clearSyntaxErr() {
$headerRow1Right.innerHTML = "";
}
// checks the elements of an array and returns false if any are
// the falsy values used.
function checkForArgs(arr) {
return !(arr.some(function(arg) {
if(arg === undefined || arg === '' || isNaN(arg) || arg === null) {
return true;
}
}));
}
// function returs an array of 'num' arguments from the stack in decending
// order, irrespecitve of the precesnce of the input Line.
function getFirstLines(num) {
var arr = [],
firstLine = 1; // starting line
if(inputLine === true) {
firstLine = 0; // if on inputline, start with line 0
num = num - 1; // adjust num to compensate from starting at zero
}
for(var i = firstLine; i <= num; i++ ) {
if(i === 0) {
arr.push(parseFloat(getLineString(0))); // handle input line
} else {
arr.push(getLineContents(i));
}
}
// check for valid arguments.
if(checkForArgs(arr)) {
// return reveresed array so arguemnts are in decending stack order.
return arr.reverse();
} else {
displaySyntaxErr();
return false;
}
}
// clears the number of lines specfied, runs the callback function
// on the arguments from those lines, then places the result on the screen.
function stackOperation(numLinesInOperation, callback) {
var argsArray = getFirstLines(numLinesInOperation);
if(argsArray) {
clearLines(numLinesInOperation);
addLineToStack(callback.apply(this, argsArray));
}
refreshScreen();
}
function add(x, y) {
var scaleFactor = scaleVal(x,y);
return ( x * scaleFactor + y * scaleFactor ) / scaleFactor;
}
function subtract(x, y) {
var scaleFactor = scaleVal(x,y);
return ( x * scaleFactor - y * scaleFactor ) / scaleFactor;
}
function multiply(x, y) {
return x * y;
}
function divide(x, y) {
return x / y;
}
function modulo(x, y) {
return x % y;
}
//
// Power/Exponential functionality
//
function inverse(x) {
return 1/x;
}
function squareRoot(x) {
return Math.sqrt(x);
}
function xthRoot(x, y) {
// handle negative numbers with odd roots
if(x < 0 && y % 2 === 1) {
return -Math.pow(-x, 1/y);
} else {
return Math.pow(x, 1/y);
}
}
function squared(x) {
return x * x;
}
function xthPower(x, y) {
return Math.pow(x,y);
}
function tenPow(x) {
return Math.pow(10, x);
}
function log10(x) {
return Math.log10(x);
}
function ln10(x) {
return Math.log(x);
}
function exp(x) {
return Math.exp(x);
}
//
// Trig functionality
//
function changeMode(angleMode) {
if(mode === angleMode) {
return;
}
mode = angleMode;
if(mode === 'rad') {
$headerRow1.innerHTML = 'rad';
} else {
$headerRow1.innerHTML = '';
}
}
function degKey() {
changeMode('deg');
}
function radKey() {
changeMode('rad');
}
function convertToRad(deg) {
return deg * (Math.PI / 180);
}
function convertToDeg(rad) {
return rad * (180 / Math.PI);
}
function degToRad() {
stackOperation(1, convertToRad);
}
function radToDeg() {
stackOperation(1, convertToDeg);
}
function sin(num) {
if(mode === 'deg') {
return Math.sin(convertToRad(num));
} else if(mode === 'rad') {
return Math.sin(num);
}
}
function cos(num) {
if(mode === 'deg') {
return Math.cos(convertToRad(num));
} else if(mode === 'rad') {
return Math.cos(num);
}
}
function tan(num) {
if(mode === 'deg') {
return Math.tan(convertToRad(num));
} else if(mode === 'rad') {
return Math.tan(num);
}
}
function asin(num) {
if(mode === 'deg') {
return convertToDeg(Math.asin(num));
} else if(mode === 'rad') {
return Math.asin(num);
}
}
function acos(num) {
if(mode === 'deg') {
return convertToDeg(Math.acos(num));
} else if(mode === 'rad') {
return Math.acos(num);
}
}
function atan(num) {
if(mode === 'deg') {
return convertToDeg(Math.atan(num));
} else if(mode === 'rad') {
return Math.atan(num);
}
}
//
// misc math buttons
//
function piKey() {
addLineToStack(Math.PI);
refreshScreen();
}
//
// Non-math related buttons
//
function delKey() {
if(inputLine) {
delInputChar();
} else {
clearLines(1);
}
refreshScreen();
}
function cursorLeft() {
if(cursorPosition > 0 && inputLine === true) {
cursorPosition--;
refreshScreen();
}
}
function cursorRight() {
if(cursorPosition < screenStack.lineContents[0].length &&
inputLine === true) {
cursorPosition++;
refreshScreen();
}
}
function setAltBtnState(type) {
var btnText = {
alt1: "<i class='fa fa-reply'></i>",
alt2: "<i class='fa fa-share'></i>"
};
altBtnState = type;
if(type !== '') {
$headerRow2Right.innerHTML = btnText[type];
} else {
$headerRow2Right.innerHTML ='';
}
}
function altBtn(name) {
if(altBtnState === name) {
setAltBtnState('');
} else {
setAltBtnState(name);
}
}
function nextMenu() {
menu.nextMenu();
}
function swapLines() {
var a, b;
if(inputLine) {
a = getLineContents(1);
b = getLineContents(0);
screenStack.lineContents[1] = b.join("");
screenStack.lineContents[0] = a.toString().split("");
cursorPosition = screenStack.lineContents[0].length;
} else {
a = getLineContents(2);
b = getLineContents(1);
screenStack.lineContents[1] = b;
screenStack.lineContents[0] = a;
}
refreshScreen();
}
/**
*
*Event bindings
*
*/
// calls the callback function with the given arguments which may be
// a single argument or an array of arguments.
function callWithArgs(callback, args) {
if(typeof callback === 'function') {
if(Array.isArray(args)) {
callback.apply(this, args);
} else {
callback(args);
}
}
}
function keyButtonsClick() {
var key = this.id,
func,
arg;
// clear any operation syntax error on screeen.
clearSyntaxErr();
switch(altBtnState) {
case 'alt1':
func = keyMap[key].alt1.func;
arg = keyMap[key].alt1.arg;
setAltBtnState('');
break;
case 'alt2':
func = keyMap[key].alt2.func;
arg = keyMap[key].alt2.arg;
setAltBtnState('');
break;
default:
func = keyMap[key].main.func;
arg = keyMap[key].main.arg;
break;
}
// run calc key function
callWithArgs(func, arg);
}
forEachNode($keyButtons, function(node, ind){
node.addEventListener('click', keyButtonsClick)
})
// physical keyboard button bindings
document.querySelector('body').addEventListener('keydown', function(e){
var keyPressed,
calcKey,
func,
arg;
// get key pressed. Attempt cross browser compatability.
keyPressed = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
// check that key is used
if(keyboardKeyMap[keyPressed]) {
e.preventDefault();
// clear any operation syntax error on screeen.
clearSyntaxErr();
calcKey = keyboardKeyMap[keyPressed]; // get corresponding calc key
func = keyMap[calcKey].main.func; // get calc key function
arg = keyMap[calcKey].main.arg; // get calc key value
// run calc key function
callWithArgs(func, arg);
}
});
// show modal and overaly on logo click
$logo.addEventListener('click', function() {
$overlay.classList.add('overlay-show');
$modal.classList.add('modal-show');
});
// hide modal and overylay on model close x click.
$modalClose.addEventListener('click', function() {
$overlay.classList.remove('overlay-show');
$modal.classList.remove('modal-show');
});
// highlight the logo to call attention to modal.
function logoFlash(delay) {
setTimeout(function() {
$logo.classList.add('flash');
}, delay);
}
/**
*
*Lets' Go!: Initialize the calculator
*
*/
(function initialize() {
menu.init(); // initialize the menu first so that methods are available.
setKeyMap();
setKeys();
refreshScreen();
logoFlash(1000);
})();
})(document, window);
!
