FilesExpand file tree

 master

/

javascript.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

171 lines (148 loc) · 4.87 KB

 master

/

javascript.js

Copy path

Top

File metadata and controls

• Code
• Blame

171 lines (148 loc) · 4.87 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

const calc = document.getElementById('calculator');

const disp = document.getElementById('display');

const input = document.getElementById('inputarea');

const output = document.getElementById('answerarea');

const result = document.getElementById('equals');

const clear = document.getElementById('clear');

const deleteme = document.getElementById('backspace');

const dot = document.getElementById('dot');

const oper1 = document.getElementById('operand1');

const oper2 = document.getElementById('operand2');

const operatorinput = document.getElementById('operator');

let decimalPlaces = 4;

const rounder = document.getElementById('getdigits');

//Working on rounding changing values

// document.querySelectorAll('#rounding').forEach(item => {

// item.addEventListener('')

// })

rounder.addEventListener('input', updateValue);

function updateValue(val) {

decimalPlaces = val.target.value;

}

//Gets information for update of operands

document.querySelectorAll('.digitbutton').forEach(item => {

item.addEventListener('click', event => {

updateOperands(item.textContent);

})

});

//Getting the operator from input

document.querySelectorAll('.operatorbutton').forEach(item => {

item.addEventListener('click', event => {

updateOperator(item.textContent);

})

});

//Math Operations

function add(a, b) {

return parseFloat(a) + parseFloat(b);

}

function subtract(a, b) {

return parseFloat(a) - parseFloat(b);

}

function multiply(a, b) {

return parseFloat(a) * parseFloat(b);

}

function divide(a, b) {

//Cannot divide by zero

if (b !== 0) {

return parseFloat(a) / parseFloat(b);

} else {

alert("Cannot divide by zero!");

clear.click();

return 0;

}

}

function modulus(a, b) {

return parseFloat(a) % parseFloat(b);

}

function doMath(operator, operand1, operand2) {

if (operator === '+') {

return add(operand1, operand2);

} else if (operator === '-') {

return subtract(operand1, operand2);

} else if (operator === 'X') {

return multiply(operand1, operand2);

} else if (operator === '/') {

return divide(operand1, operand2);

} else if (operator === '%(Mod)') {

return modulus(operand1, operand2);

}

}

//Will update the numbers for operation

function updateOperands(value) {

//Checks to see if the operator has a value - then look at second operand

if (operatorinput.textContent == '') {

oper1.textContent += value;

} else {

oper2.textContent += value;

}

}

function updateOperator(value) {

if (oper1.textContent !== '' && oper2.textContent === '') {

operatorinput.textContent = value;

} //If there are values present for both operands, do initial math (like '=')

else if (oper1.textContent !== '' && oper2.textContent !== '') {

//Performing mathematical operations

let tempAns = roundAnswer(doMath(operatorinput.textContent, oper1.textContent, oper2.textContent));

//This sets the answer the first operator for future maths

oper1.textContent = tempAns;

operatorinput.textContent = value;

oper2.textContent = '' //Resets the second operator if math is done

}

else if (oper1.textContent === '' && output.textContent !== '') {

oper1.textContent = output.textContent;

operatorinput.textContent = value;

}

}

function roundAnswer(value) {

return parseFloat(value.toFixed(decimalPlaces));

}

result.onclick = function() {

if (oper1.textContent !== '' && operatorinput !== '' && oper2.textContent !== '') {

let tempAns = roundAnswer(doMath(operatorinput.textContent, oper1.textContent, oper2.textContent));

output.textContent = tempAns;

oper1.textContent = '';

operatorinput.textContent = '';

oper2.textContent = '';

} else {

alert("Incorrect formatting!");

}

}

//Clear the operators and answer

clear.onclick = function() {

oper1.textContent = '';

oper2.textContent = '';

operatorinput.textContent = '';

output.textContent = '';

}

//Function for deleting one element at a time

deleteme.onclick = function() {

if (oper2.textContent != '') {

//Removing the last character

oper2.textContent = oper2.textContent.slice(0,-1);

} else if (operatorinput.textContent !== '') {

operatorinput.textContent = '';

} else if (oper1.textContent !== '') {

oper1.textContent = oper1.textContent.slice(0,-1);

} else {

alert("Nothing left to delete!");

}

}

dot.onclick = function() {

if (oper1.textContent == '') {

oper1.textContent += '0.';

} else if (oper1.textContent !== '' && operatorinput.textContent === '') {

let checkdec = oper1.textContent.split('');

//Check if there is NOT already a decimal in the number

if (!checkdec.includes('.')) {

//Add the decimal in, must come after number

oper1.textContent += '.';

}

} else if (operatorinput !== '' && oper2.textContent === '') {

oper2.textContent += '0.';

} else {

let checkdec = oper2.textContent.split('');

if (!checkdec.includes('.')) {

oper2.textContent += '.';

}

}

}