Code not executing when redirecting to new page

See more:

Javascript

When i click on Buy Now button the next page appears but it is not showing the contents which want it to show. What is wrong with this code?

This is HTML code:

<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>

This is second page code which opens after clicking on Buy Now

<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/-";
}

What I have tried:

Can you please Provide me the solution?