HTML / Javascript Функция не вызывается

Question

Этот код, который я написал, предназначен для вызова функции calculateInterest и возврата false. Тем не менее, страница не вызывает функцию или возвращает false. Спасибо за помощь.

HTML

<form onsubmit="return calculateInterest(); return false;"  id="interest_calc" name="interest_calc"  method = "get";> 
  ...
  <input type="submit" id="calculate" value="Calculate">
  <input type="button" id="calculate" value="test" onclick="return calculateInterest();">
</form> 

JS

var $ = function (id) 
{
  return document.getElementById(id);
};//DOM function
...

//DEBUG alert (iPercentage);
var calculateInterest; = function () 
{
  alert ("function called");
  return false
};

Answer 1

Удалите ненужные ; в скрипте. И не нужно вызывать функцию return false on submit в html. Потому что она уже есть в calculateinterest функции

var $ = function(id) {
  return document.getElementById(id);
}

var calculateInterest = function() {

  alert("function called");

  return false

};

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form onsubmit="return calculateInterest()" id="interest_calc" name="interest_calc" method="get" ;>



  ...



  <input type="submit" id="calculate" value="Calculate">

  <input type="button" id="calculate" value="test" onclick="return calculateInterest();">


</form>