Элемент массива по ссылке в AJAX в PHP

Давайте теперь сделаем так, чтобы на стороне клиента были ссылки, нажимая на которые мы будем через AJAX получать определенные элементы массива.

Сделаем эти ссылки вручную:

index.php<div id="menu">
  <a href="#">1</a>
  <a href="#">2</a>
  <a href="#">3</a>
</div>

Получим эти ссылки в переменную:

script.jslet links = document.querySelectorAll('#menu a');

Переберем наши ссылки циклом и сделаем так, чтобы по клику на любую ссылку отправлялся GET запрос с соответствующим числом:

script.jsfor (let link of links) {
  link.addEventListener('click', async function() {
    let num = link.textContent;
    
    let response = await fetch('/ajax.php?num=' + num);
    let text = await response.text();
    
    result.textContent = text;
  });
}
Задание 1

Вручную сделайте ссылки для получения каждого элемента массива. Сделайте так, чтобы по нажатию на ссылку в абзац выводился соответствующий элемент массива.

Задание 2

Давайте на стороне клиента вручную зададим количество ссылок, которые мы хотим сделать:

script.jslet leng = 5;

Напишите код, который создаст нужное количество ссылок динамически.