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

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

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

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

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

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

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

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

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

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

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