Как добавить гиперссылку на данные в созданном div с помощью API

Question

Я получаю данные на основе ввода пользователя (почтовый индекс), используя API. Они получают три типа информации, название учреждения, адрес и веб-страницу. Я хотел бы добавить гиперссылку на строку веб-страницы (<p>${data[i].website}</p>), но ни одна из моих идей не сработала. Спасибо вам, ребята.

function ajaxCallNY(zipcode){
$.ajax({
    url: "https://data.cityofnewyork.us/resource/72ss-25qh.json?zip_code=" + zipcode,
    type: "GET",
    data: {
      "$limit" : 50,
      "$$app_token" : app_token
    }
}).done(function(data) {
  console.log(data);
  for (var i=0; i<data.length; i++){  
    var nyDiv = $(`<div class="col s12 m6">
                  <div class="card blue-grey darken-1">
                  <div class="card-content white-text">
                  <span class"card-title">${data[i].agency_id}</span>
                  <p>${data[i].address}</p>
                  <p>${data[i].website}</p>
                  </div>
                  </div>
                  </div>
                  `);
      $("#zipcode").append(nyDiv);
  }
});
}

Answer 1

Поскольку вы уже используете шаблонные литералы, вы можете сделать это следующим образом:

`
<div class="col s12 m6">
  <p>${data[i].address}</p>
  <p><a href="${data[i].website}">Link</a></p>
  </div>
</div>
`