js_calculator_part2.js

function guessColor(actualResult, userGuess){
  if(actualResult === userGuess){
    return 'green'
  }
  else {
    return 'red'
  }
};

function decorateClick(theFunc){
  $("a.the-link").on('click', theFunc)
}

decorateClick(function(e){
  e.preventDefault();
  alert('hello from the link');
})

function addNumbers(firstNumber, secondNumber){
  return firstNumber + secondNumber;
};

function subtractNumbers(firstNumber, secondNumber){
  return firstNumber - secondNumber;
}

function multiplyNumbers(firstNumber, secondNumber){
  return firstNumber * secondNumber;
}

function divideNumbers(firstNumber, secondNumber){
  return firstNumber / secondNumber
}


function performOp(firstNumber, secondNumber, operation){
  var opMap = {
    "+": addNumbers,
    "-": subtractNumbers,
    "x": multiplyNumbers,
    "/": divideNumbers
  }

  return opMap[operation](firstNumber, secondNumber)
}

$("#calculator input[type='submit']").on('click', function(e){
  e.preventDefault();

  var firstNumber = $('#first-number').val();
  var secondNumber = $('#second-number').val();

  var $errorDiv = $("div.error");
  var $resultEl = $("#result");
  var $guess = $("#user-guess")

  $errorDiv.html("");
  $resultEl.html("");
  if(firstNumber !== '' && secondNumber !== ''){
    firstNumber = parseInt(firstNumber);
    secondNumber = parseInt(secondNumber);
    var result = performOp(firstNumber, secondNumber, $(e.currentTarget).val());

    $resultEl.html("Result: " + result).
      css({
        "background-color": guessColor(result, parseInt($("#user-guess").val()))
      });
  }
  else {
    $errorDiv.html("Please specify both numbers");
  }

});