/**
 * Append log message in the body of the HTML page, visually distinct by groups.
 * @param {string} message A log message to display.
 * @param {number} group A group identifier from 1 to 9.
 * @returns {undefined}
 */
function print(message, group) {
  const classes = `info${
      group && group > 0 && group < 13 ? ` group${group}` : ""
  }`;
  document.body.innerHTML += `<div class="${classes}">${message}</div>`;
  // eslint-disable-next-line no-console -- This is only for educational purpose
  console.log(message);
}

const baseUrl = "https://iut-info.univ-reims.fr/users/jonquet";

print("Début");
print("Fetch hello", 1);
const retour = fetch(`${baseUrl}/resources/fetch/hello.php`);
print(`Retour fetch hello : ${retour}`, 1);
print("Fin");