JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://www.gstatic.com/firebasejs/3.6.0/firebase.js"></script>
<script src="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800"></script>
<div id="home">
  <a href="home.html">
    <img class="hvr-shadow" src="../../misc/hoem.png" id="homeicon">
  </a>
</div>
<h1>Geometric Sequence</h1>
<h2>Find any term of a Geometric Sequence</h2>

<input id="firstTerm" placeholder="First Term?">
<input id="nTerm" placeholder="Nth Term?">
<input id="commonR" placeholder="Common Ratio?">

<button class="hvr-shrink" type="submit" value="submit" id="submit"> Calculate </button>



<p id="term"> </p>

JavaScript

//Initiating the function when button is clicked

				var sum;
$('#submit').on('click',function(){
       var firstTerm = parseInt($("#firstTerm").val());
       var nTerm = parseInt($("#nTerm").val());
       var commonR = parseInt($("#commonR").val());
 			 sum = firstTerm + nTerm + commonR;
 				if (isNaN(firstTerm) || isNaN(commonR) || isNaN(nTerm)) {
            document.getElementById("term").innerHTML = "No answer";
          } else {
            document.getElementById("term").innerHTML = sum;
          }
})
$(document).on('keypress',function(event){
   if ( event.which == 13 ) {
         $('#submit').click()
  }
})