Ссылка на js из HTML

---

Я в основном парень из VB, но недавно работаю над проектом HTML/JS.Я немного запутался в том, как ссылаться на переменные JS в HTML.

Мой HTML-код(index.html):

<div class="box4 boxes">
  <div class="centered addPadding">
    Total Recovered
    <div id="totalRecovered" class="bigGreenNumber">...</div>
    <p1 id="recPerc"></p1>
  </div>
</div>
<script src="index.js"></script>

Мой JS-код(index.js):

function percentageRecovered(recPerc) {    
  var tr = document.getElementById("totalRecovered").innerHTML;
  var tc = document.getElementById("totalConfirmed").innerHTML;
  var recPercentage = (tr / tc) * 100;
  document.getElementById("recPerc").innerHTML = "Percentage: " + tc;
  return recPerc;
}

Что я уже пробовал:

Я попробовал использовать только несколько ресурсов, но все равно пришел к тем же результатам. Если бы я вставил свою функцию непосредственно в свой HTML-документ, используя:

<script>
  var tr = document.getElementById("totalRecovered").innerHTML;
  var tc = document.getElementById("totalConfirmed").innerHTML;
  var recPercentage = (tr / tc) * 100;
  document.getElementById("recPerc").innerHTML = "Percentage: " + tc;
</script>

Я получаю свой "процент:", чтобы показать, но проблема в том, что мои переменные (totalRecovered, totalConfirmed) находятся в документе JS, поэтому я не получаю должного результата.

---