├── twd
└── input.css
├── docs
├── icons8-calculator-96.png
├── script.js
├── index.html
└── style.css
└── tailwind.config.js
/twd/input.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
--------------------------------------------------------------------------------
/docs/icons8-calculator-96.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KaranRajiwade/simpleCalculator/HEAD/docs/icons8-calculator-96.png
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | module.exports = {
3 | content: ["./docs/*.html"],
4 | theme: {
5 | extend: {},
6 | },
7 | plugins: [],
8 | }
9 |
10 |
--------------------------------------------------------------------------------
/docs/script.js:
--------------------------------------------------------------------------------
1 | $(document).ready(function () {
2 | var result = 0;
3 | var prevEntry =0;
4 | var operation = '';
5 | var currentEntry = '0' ;
6 | var isDecimal = false;
7 | // var cuurentOperation = '';
8 | // updateScreen(result);
9 |
10 | $(".button").on('click',function(evt){
11 | var buttonPressed = $(this).html();
12 | console.log(buttonPressed);
13 |
14 | // Add the new button value to the current text
15 |
16 | // If a decimal point is pressed
17 | if(buttonPressed === '.') {
18 | if(!isDecimal) {
19 | currentEntry += '.';
20 | isDecimal = true;
21 | }
22 | } else {
23 | // Append the button pressed to the current entry
24 | currentEntry = (currentEntry === '0') ? buttonPressed : currentEntry + buttonPressed;
25 | }
26 |
27 | //to add the new buttonValue to the current text
28 | $(".input").text(currentEntry);
29 |
30 | });
31 |
32 | //this stores the both entries the previous one and the current one and clears screen when an operation is clicked
33 | $(".operation").on('click', function() {
34 | if(currentEntry !=='0'){
35 | prevEntry = currentEntry;
36 | currentEntry = '0';
37 | isDecimal = false; // Reset decimal flag for new number
38 | operation = $(this).html();//will store the curent operation value
39 | $(".input").text('0')
40 | }
41 | });
42 |
43 | //here the output will be displayed calculating on the basis of which operation is choosen
44 | // Event listener for the calculate button
45 | $(".CALCULATE").on('click', function() {
46 | if(prevEntry !== '' && currentEntry !== '' && operation !== '') {
47 | result = 0; // Initialize result
48 |
49 | // Perform calculation based on the operation
50 | if(operation === "+") {
51 | result = parseFloat(prevEntry) + parseFloat(currentEntry);
52 | } else if(operation === "-") {
53 | result = parseFloat(prevEntry) - parseFloat(currentEntry);
54 | } else if(operation === "x") {
55 | result = parseFloat(prevEntry) * parseFloat(currentEntry);
56 | } else if(operation === "/") {
57 | result = parseFloat(prevEntry) / parseFloat(currentEntry);
58 | } else if(operation === "%") {
59 | result = parseFloat(currentEntry) / 100;
60 | }
61 |
62 | // Display result in the input element and reset variables
63 | $(".input").text(result.toFixed(2));//Format result to 2 decimal places
64 | prevEntry = '0';
65 | currentEntry = result.toString();
66 | operation = '';
67 | isDecimal = false; // Reset decimal flag after calculation
68 | }
69 | });
70 |
71 | // Event listener for the clear button
72 | $("#clear").on('click', function () {
73 | result = 0;
74 | currentEntry = '0';
75 | prevEntry = '0';
76 | operation = '';
77 | isDecimal = false; // Reset decimal flag
78 | $(".input").text('0');
79 | });
80 |
81 | // Event listener for the clear entry button
82 | $("#clearEntry").on('click', function () {
83 | currentEntry = '0';
84 | isDecimal = false; // Reset decimal flag
85 | $(".input").text('0');
86 | });
87 |
88 | // Event listener for the backspace button
89 | $("#back").on('click', function () {
90 | currentEntry = currentEntry.substring(0, currentEntry.length - 1);
91 | if (currentEntry === '') {
92 | currentEntry = '0';
93 | }
94 | $(".input").text(currentEntry);
95 | });
96 |
97 |
98 |
99 |
100 |
101 | });
--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Calculator
7 |
8 |
9 |
10 |
11 |
12 |
Calculator Using jquery
13 |
14 |
17 |
18 |
19 |
C
20 |
CE
21 |
back
22 |
+
23 |
24 |
25 |
26 |
27 |
7
28 |
8
29 |
9
30 |
31 |
-
32 |
33 |
34 |
35 |
6
36 |
5
37 |
4
38 |
/
39 |
40 |
41 |
42 |
3
43 |
2
44 |
1
45 |
x
46 |
47 |
48 |
49 |
0
50 |
00
51 |
52 |
%
53 |
54 |
55 |
56 |
57 |
58 |
=
59 |
60 |
61 |