Как мне направить страницу html, используя <a>, но в javascript?

Question

<div class="service-cap">
    <h4><a  class="injury" id="blackeye">Black Eye Injury</a></h4>
    <p>Level:<br>- Mild<br>- Serious</p>
</div>
<div class="service-cap">
     <h4><a class="injury" id="blisters">Blisters</a></h4>
     <p>Level:<br>- Mild<br>- Moderate<br>- Serious</p>
</div>

Примечание: я хочу использовать class = "damage", чтобы получить весь идентификатор и назначить каждый из них указанной ссылке на основе идентификатора в javascript, как показано ниже, но это не работает.

"use strict";

const init = function (e){
    let btn = document.querySelectorAll("#injury");

    btn[0].addEventListener('click',function() {
        window.document.location="./blackeye.html";
    });
    
    btn[1].addEventListener('click',function() {
        window.document.location="./blisters.html";
    });
};

document.addEventListener('DOMContentLoaded',function() {
    init();
});

Answer 1

1. Получить все div с именем класса "service-cap"

2. Подождать пользователя cli c

3. На пользовательском cli c перенаправление на https://www.example.com/

    let divs = document.getElementsByClassName("service-cap");
    let div = divs[0];
    div.addEventListener("click",function() {
       window.location.replace("https://www.example.com");
    });
   

кажется только частью ответа для вас, пожалуйста, уточните, что вы хотите сделать .

Answer 2

Вот первый способ сделать это:

• получить все ссылки с классовой травмой
• назначить слушателей событий каждому элементу, в котором мы переходим на страницу, соответствующую id каждого элемента

window.onload = function () {
        var items = document.getElementsByClassName("injury");
        console.log(items);

        for (var i = 0; i < items.length; i++) {
          var id = items[i].id;

          items[i].addEventListener("click", function () {
            window.location.assign(`${id}.html`);
          });

          //or we add the href attribute from javascript

          // items[i].setAttribute("href",`./${id}.html`);
        }
      };

Надеюсь, это помогло: -)