Элемент массива через GET параметр в AJAX в PHP

Пусть в файле ajax.php есть массив:

ajax.php<?php
  $arr = ['a', 'b', 'c'];
?>

Давайте теперь будем запрашивать определенный элемент массива с помощью передачи GET параметра через AJAX.

В GET запросе будем передавать номер элемента массива (пусть будем начинать с 1). Пусть GET параметр имеет имя num. Напишем соответствующий код в файле ajax.php:

ajax.php<?php
  $arr = ['a', 'b', 'c'];
  $num = $_GET['num'];
  
  echo $arr[$num - 1];
?>

По нажатию на кнопку запросим заданный элемент массива:

javascriptbutton.addEventListener('click', async function() {
  let response = await fetch('/ajax.php?num=1');
  let text = await response.text();
  
  result.textContent = text;
});

Задание 1

Пусть на сервере дан массив. Пусть сервер ожидает, что GET параметром будет передано число, и возвращает элемент массива, соответствующий этому числу. Потестируйте работу данного скрипта напрямую через браузер.

Задание 2

Сделайте так, чтобы серверный скрипт выдавал ошибку, если GET параметр не передан, либо номер переданного числа выходит за диапазон массива.

Задание 3

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