Вывод результата AJAX запроса в теге в PHP

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

Напомню, что помимо кнопки, у нас есть следующий div для вывода результата:

index.php<div id="result"></div>
<button id="button">send</button>

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

script.jslet result = document.querySelector('#result');
let button = document.querySelector('#button');

Сделаем так, чтобы результат AJAX запроса записывался в текст нашего div:

javascriptbutton.addEventListener('click', async function() {
  let response = await fetch('/ajax.php');
  let text = await response.text();
  
  result.textContent = text;
});
Задание 1

Дан абзац и кнопка. Сделайте так, чтобы по нажатию на кнопку в абзац загружалось с сервера содержимое страницы по адресу ajax.php.

Задание 2

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

Задание 3

Дана кнопка, список ul и страница ajax.php, которая возвращает текущее время. Сделайте так, чтобы по нажатию на кнопку с сервера загружалось содержимое страницы ajax.php и добавлялось в новый тег li тега ul.