This code defines a JavaScript function named makeToast designed for displaying customizable toast notifications on a web page. Toast notifications are often used to provide brief, non-intrusive feedback or information to the user.

simple_toast_notification.js

function makeToast( message = 'OK!', timeout = 3000 ) {
  // Create the toast notification element
  const toast = document.createElement('div');
  toast.textContent = message;
  toast.style = 'display:block;max-width:calc(100% - 20px);position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:10px 20px;border-radius:5px;';

  // display the toast notification
  document.body.appendChild(toast);

  // Hide and remove the toast after a while
  setTimeout(() => document.body.removeChild(toast), timeout );
}

makeToast("The toast is ready! 😎")