Create only one page in HTML that can change content with JavaScript

I am working on a website in HTML that has one page with clickable elements. Each element opens a new page with its content, so what I have is an infinitive number of pages with different contents. What I want to do is create only one page that can change its content with JavaScript is based on the element that was clicked.

The structure of my main page, that contais all the elements is this:

  <section>

      <div class="container">

         <div class="row">

           <div class="col-lg-4">
                <div class="team-item">
                    <img src=".." alt="team">
                    <div class="hover">
                      <a class="textHover" href="www.blabla.it/2019/blabla1/">Blabla1</a>
                    </div>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="team-item">
                    <img src=".." alt="team">
                    <div class="hover">
                      <a class="textHover" href="www.blabla.it/2019/blabla2/">Blabla2</a>
                    </div>
                </div>
             </div>

           .....

         </div>

      </div>

  </section>

The href of <a> is different for every element. I want to create unique href, like: www.blablabla.it/2019/blbla/ for every element BUT this must be able to change its content thanks to JavaScript code.

Is that possible?

83 thoughts on “Create only one page in HTML that can change content with JavaScript”

  1. i need an emergency loan bad credit, i need 2 lakhs loan. i need a loan with no credit need loan i own my home outright and need a loan i need a loan of 3000 today, cash advance payday loans, cash advance online, cash advance online, cash advance payday loans bad credit ok. Commerce is typically viewed investment, provides business loans.

    Reply

Leave a Comment