How to make Calculator in app lab , Code.org | #codingforkids #calculatorapp

Channel:

UnfltrdX Ankit

Subscribers:

2,990

Published on April 19, 2021 10:30:14 AM ● Video Link: https://www.youtube.com/watch?v=QQG9f5bPB58

Category:

Guide

Duration: 36:03

14,605 views

228

In this video I'll show you how you can make your calculator app using code.org app lab.

#coding #programming #codingforkids

here it is the code :

var firstNum = "";
var secondNum = "";
var firstInput = true;
var calOperation = "";
var showCalText = "";

// handling the button clicks

// 1 button
onEvent("btnOne","click",function () {
if(isFirstInput == true) {
firstNum = firstNum + "1";
setText("resultScreen", firstNum);
}
else {
secondNum = secondNum + "1";
setText("resultScreen", showCalText + secondNum);
}
});

onEvent("btnTwo","click",function () {
if(isFirstInput == true) {
firstNum = firstNum + "2";
setText("resultScreen", firstNum);
}
else {
secondNum = secondNum + "2";
setText("resultScreen", showCalText + secondNum);
}
});

onEvent("btnThree","click",function () {
if(isFirstInput == true) {
firstNum = firstNum + "3";
setText("resultScreen", firstNum);
}
else {
secondNum = secondNum + "3";
setText("resultScreen", showCalText + secondNum);
}
});


onEvent("btnFour","click",function () {
if(isFirstInput == true) {
firstNum = firstNum + "4";
setText("resultScreen", firstNum);
}
else {
secondNum = secondNum + "4";
setText("resultScreen", showCalText + secondNum);
}
});

onEvent("btnFive","click",function () {
if(isFirstInput == true) {
firstNum = firstNum + "5";
setText("resultScreen", firstNum);
}
else {
secondNum = secondNum + "5";
setText("resultScreen", showCalText + secondNum);
}
});

onEvent("btnSix","click",function () {
if(isFirstInput == true) {
firstNum = firstNum + "6";
setText("resultScreen", firstNum);
}
else {
secondNum = secondNum + "6";
setText("resultScreen", showCalText + secondNum);
}
});

onEvent("btnSeven","click",function () {
if(isFirstInput == true) {
firstNum = firstNum + "7";
setText("resultScreen", firstNum);
}
else {
secondNum = secondNum + "7";
setText("resultScreen", showCalText + secondNum);
}
});

onEvent("btnEight","click",function () {
if(isFirstInput == true) {
firstNum = firstNum + "8";
setText("resultScreen", firstNum);
}
else {
secondNum = secondNum + "8";
setText("resultScreen", showCalText + secondNum);
}
});

onEvent("btnNine","click",function () {
if(isFirstInput == true) {
firstNum = firstNum + "9";
setText("resultScreen", firstNum);
}
else {
secondNum = secondNum + "9";
setText("resultScreen", showCalText + secondNum);
}
});


onEvent("btnZero","click",function () {
if(isFirstInput == true) {
firstNum = firstNum + "0";
setText("resultScreen", firstNum);
}
else {
secondNum = secondNum + "0";
setText("resultScreen", showCalText + secondNum);
}
});



// handling the operations

onEvent("btnPlus","click", function ( ) {
isFirstNum = false;
calOperation = "add";
showCalText = firstNum + "+";
setText("resultScreen",showCalText);
});

onEvent("btnMul","click", function ( ) {
isFirstNum = false;
calOperation = "mul";
showCalText = firstNum + "*";
setText("resultScreen",showCalText);
});

onEvent("btnDiv","click", function ( ) {
isFirstNum = false;
calOperation = "mul";
showCalText = firstNum + "/";
setText("resultScreen",showCalText);
});


onEvent("btnSub","click", function ( ) {
isFirstNum = false;
calOperation = "sub";
showCalText = firstNum + "-";
setText("resultScreen",showCalText);
});

onEvent("btnEqual","click", function ( ) {
var realFirstNum = parseInt(firstNum);
var realSecondNum = parseInt(secondNum);
var finalResult;

if(calOperation === "add"){
finalResult = realFirstNum + realSecondNum;
}

if(calOperation === "mul"){
finalResult = realFirstNum * realSecondNum;
}

if(calOperation === "div"){
finalResult = realFirstNum / realSecondNum;
}

if(calOperation === "sub"){
finalResult = realFirstNum - realSecondNum;
}

var finalShowCalculation = getText("resultScreen") + " = " + finalResult);
setText("resultScreen", finalShowCalculation);
});

onEvent("btnClear","click", function ( ) {
firstNum = "";
secondNum = "";
isFirstInput = true;
});

// this is the code