calculator-web/script.js at main · Ikana82/calculator-web · GitHub

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
let isFinished = false;

function appendValue(val) {
  const resultDisplay = document.getElementById("result");
  const historyDisplay = document.getElementById("history");
  const operators = ["+", "-", "*", "/"];

  let currentText = resultDisplay.innerText;

  // Reset Setekah Klik '='
  if (isFinished) {
    let cleanNumber = currentText.replace("=", "").trim();

    if (operators.indexOf(val) !== -1 || val === "%") {
      currentText = cleanNumber;
    } else {
      currentText = ""; // Jika klik angka, layar bersih
    }
    isFinished = false;
  }

  //  Normalisasi nol di awal, atau menampilkan 0 diawal
  if (currentText === "0" && val !== ".") {
    currentText = "";
  }

  if (operators.indexOf(val) !== -1) {
    currentText = currentText.trimEnd();
    let lastChar = currentText.slice(-1);

    if (operators.indexOf(lastChar) !== -1) {
      currentText = currentText.slice(0, -1).trimEnd();
    }

    let visualOp = val;
    if (val === "/") visualOp = "÷";
    if (val === "*") visualOp = "×";

    resultDisplay.innerText = currentText + " " + visualOp + " ";
    return;
  }

  // Titik Desimal
  if (val == ".") {
    let parts = currentText.split(" ");
    let lastPart = parts[parts.length - 1];
    if (lastPart.indexOf(".") !== -1) return;
  }

  resultDisplay.innerText = currentText + val;
}

function equals() {
  const resultDisplay = document.getElementById("result");
  const historyDisplay = document.getElementById("history");
  let currentText = resultDisplay.innerText;

  if (currentText === "" || currentText === "0") return;

  try {
    historyDisplay.innerText = currentText;

    // Mengembalikan Text sesuai keterangan operator
    let expression = currentText
      .replaceAll("÷", "/")
      .replaceAll("×", "*")
      .split(" %")
      .join("/100");

    let result = eval(expression);

    resultDisplay.innerText = "= " + result;
    isFinished = true;
  } catch (error) {
    resultDisplay.innerText = "Error!";
    isFinished = true;
  }
}

function backspace() {
  const resultDisplay = document.getElementById("result");
  let currentText = resultDisplay.innerText;

  if (isFinished || currentText === "Error!") {
    clearDisplay();
  } else if (currentText.endsWith(" ")) {
    if (currentText.endsWith(" %")) {
      resultDisplay.innerText = currentText.slice(0, -2);
    } else {
      resultDisplay.innerText = currentText.slice(0, -3);
    }
  } else if (currentText.length <= 1) {
    resultDisplay.innerText = "0";
  } else {
    resultDisplay.innerText = currentText.slice(0, -1);
  }
}

function clearDisplay() {
  document.getElementById("result").innerText = "0";
  document.getElementById("history").innerText = "";
  isFinished = false;
}