James92 Posted October 16, 2014 Report Share Posted October 16, 2014 <!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Calculator</title></head><body><p>Calculator</p><input id="Calculator" type="text" /> <br><br><button type="button" onclick="plus()">+</button><button type="button" onclick="minus()">-</button><button type="button" onclick="multiply()">x</button> <button type="button" onclick="divide()">÷</button><button type="button" onclick="Display0()">0</button><button type="button" onclick="Display1()">1</button><button type="button" onclick="Display2()">2</button><button type="button" onclick="Display3()">3</button><button type="button" onclick="Display4()">4</button><button type="button" onclick="Display5()">5</button> <button type="button" onclick="Display6()">6</button> <button type="button" onclick="Display7()">7</button><button type="button" onclick="Display8()">8</button><button type="button" onclick="Display9()">9</button> <button type="button" onclick="CE()">CE</button><button type="button" onclick="c()">C</button><button type="button" onclick="Space()">Space</button><button type="button" onclick="Odd()">Odd</button> <button type="button" onclick="Even()">Even</button><button type="button" onclick="Min()">Min</button><button type="button" onclick="Max()">Max</button><button type="button" onclick="Avg()">Avg</button><button type="button" onclick="Circle()">Circle</button><button type="button" onclick="Rect()">Rect</button><button type="button" onclick="Square()">Square</button><button type="button" onclick="equals()">=</button><script>function Number0() { document.getElementById("Calculator").value=0;} function Number1() { document.getElementById("Calculator").value=1;}function Number2() { document.getElementById("Calculator").value=2;}function Number3() { document.getElementById("Calculator").value=3;}function Number4() { document.getElementById("Calculator").value=4;}function Number5() { document.getElementById("Calculator").value=5;}function Number6() { document.getElementById("Calculator").value=6;}function Number7() { document.getElementById("Calculator").value=7;}function Number8() { document.getElementById("Calculator").value=8;}function Number9() { document.getElementById("Calculator").value=9;}// Holds the first number entered in the calculator screenvar num1;// Holds the second number entered in the calculator screenvar num2;// Holds the chosen operatorvar op="";function Display0 () {current = document.getElementById("Calculator").value;current = current + "0";document.getElementById("Calculator").value = current;}function Display1 () {current = document.getElementById("Calculator").value;current = current + "1";document.getElementById("Calculator").value = current;}function Display2 () {current = document.getElementById("Calculator").value;current = current + "2";document.getElementById("Calculator").value = current;}function Display3 () {current = document.getElementById("Calculator").value;current = current + "3";document.getElementById("Calculator").value = current;}function Display4 () {current = document.getElementById("Calculator").value;current = current + "4";document.getElementById("Calculator").value = current;}function Display5 () {current = document.getElementById("Calculator").value;current = current + "5";document.getElementById("Calculator").value = current;}function Display6 () {current = document.getElementById("Calculator").value;current = current + "6";document.getElementById("Calculator").value = current;}function Display7 () {current = document.getElementById("Calculator").value;current = current + "7";document.getElementById("Calculator").value = current;}function Display8 () {current = document.getElementById("Calculator").value;current = current + "8";document.getElementById("Calculator").value = current;}function Display9 () {current = document.getElementById("Calculator").value;current = current + "9";document.getElementById("Calculator").value = current;}function c () { num1 = document.getElementById("Calculator").value; num1 = parseInt (num1); op = "";}// this clearsfunction clear (){ }function plus() { num1 = document.getElementById("Calculator").value; num1 = parseInt (num1); op = "plus";}// takes two numbers and adds them upfunction add (x, y){ return (x+y);}function multiply() { num1 = document.getElementById("Calculator").value; num1 = parseInt (num1); op = "multiply";}// takes two numbers and multiplies themfunction multi (x, y){ return (x*y);}function minus() { num1 = document.getElementById("Calculator").value; num1 = parseInt (num1); op = "minus";}// takes two numbers and minuses themfunction sub (x, y){ return (x-y);}function divide() { num1 = document.getElementById("Calculator").value; num1 = parseInt (num1); op = "divide";}// takes two numbers and divide themfunction divideIt (x, y){ return (x/y);}function equals () { // get the current number from the textbox num2 = document.getElementById("Calculator").value; num2 = parseInt (num2); // find which operation has been selected and apply it switch (op) { case "plus": res = add (num1, num2); break; case "multiply": res = multi (num1, num2); break; case "minus": res = sub (num1, num2); break; case "divide": res = divideIt (num1, num2); break; case "c": res = clear (num1, num2); break; default: res = 0; break; } // display the result document.getElementById("Calculator").value = res; //reset the operation and the numbers op=""; num1=0; num2=0;}</script></body></html> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.