Код не выполняется при перенаправлении на новую страницу

---

Когда я нажимаю на кнопку Купить сейчас, появляется следующая страница, но она не показывает содержимое, которое хочет показать. Что не так с этим кодом?

Это HTML код:

<div class="card-body" style="height: 260px">
      <p class="card-text"> Java is a general-purpose programming language that is class-based, object-oriented, and designed to have as few implementation dependencies as possible</p>
    </div>
    <div class="card-footer" style="height: 56px">
      <center><a href="BuyCourse.html">Buy Now</a></center>
    </div>

Это код второй страницы, который открывается после нажатия кнопки Купить сейчас

<div class="container" id="containerJava">
        <div>
          <div>
            Course Name :-
            <p id="lblcourse"></p>
          </div>

          <div>
            Course Duration :-
            <p id="lblduration"></p>
          </div>

          <div>
            Course Price :-
            <p id="lblprice"></p>
          </div>

And this is the JavaScript code

function BuyJava() {
    document.getElementById("lblcourse").innerHTML = "Java";
    document.getElementById("lblduration").innerHTML = "6 Months";
    document.getElementById("lblprice").innerHTML = "6000/-";
}

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

Не могли бы вы, пожалуйста, предоставить мне решение?

---