$(document).ready(function() {
  var currentInput = "";  // Store the current input string
  var displayValue = "0";  // Store the value to be displayed

  // Valid operators (normal and decimal)
  var validOperators = {
    normal: ["+", "-", "*", "/"],
    decimal: ["."]
  };

  // Handle input button clicks
  $(".number, .operator").on("click", function() {
    var value = $(this).text();
    
    // Map the symbols to correct operators for calculation
    if (value === "×") {
      value = "*";
    } else if (value === "÷") {
      value = "/";
    }
    
    handleInput(value);
  });

  // Clear the input
  $("#clear").on("click", function() {
    currentInput = "";
    updateDisplay();
  });

  // Remove the last character
  $("#backspace").on("click", function() {
    currentInput = currentInput.slice(0, -1);  // Remove the last character
    updateDisplay();
  });

  // Calculate the total
  $("#equals").on("click", function() {
    calculateTotal();
  });

  // Handles input and updates the display
  function handleInput(value) {
    var lastChar = currentInput[currentInput.length - 1];

    // Prevent multiple decimals
    if (validOperators.decimal.includes(value) && lastChar === ".") {
      return;  // Halt if there's already a decimal point
    }

    // Prevent starting with an operator
    if (currentInput === "" && validOperators.normal.includes(value)) {
      return;
    }

    // Append value to the current input
    currentInput += value;
    updateDisplay();
  }

  // Update the display
  function updateDisplay() {
    $("#display").text(currentInput || "0");
  }

  // Calculate and display the total
  function calculateTotal() {
    try {
      var result = eval(currentInput);  // Use eval to calculate the expression
      if (result !== undefined) {
        currentInput = result.toString();  // Store result for further operations
        updateDisplay();
      }
    } catch (error) {
      currentInput = "Error";
      updateDisplay();
    }
  }
});