请求讲解JavaScript教程中的showAlert函数功能
这是一个用于在网页中生成自动消失的提示弹窗的工具函数，常用于表单反馈、操作结果提示等场景，下面逐行拆解它的逻辑：
创建提示框容器：
const div = document.createElement("div");
用JS动态创建一个<div>元素，作为提示弹窗的载体。设置提示框样式类：
div.className =alert alert-${className};
通过模板字符串给div添加类名，其中alert是基础样式类（通常对应Bootstrap这类UI框架的提示框样式），alert-${className}是传入的自定义类，用来区分不同类型的提示（比如传success会生成绿色成功提示，传error生成红色错误提示）。添加提示文本内容：
div.appendChild(document.createTextNode(message));
将传入的message参数转换成文本节点，添加到提示框div中，让弹窗显示具体的提示文字。定位插入位置：
const container = document.querySelector(".container");和const main = document.querySelector(".main");
找到页面中class为container的父容器，以及class为main的目标元素，确定提示框要插入的位置。插入提示框到页面：
container.insertBefore(div, main);
把创建好的提示框插入到container容器内，放在main元素的前面，这样弹窗会显示在页面主体内容的上方，更显眼。自动关闭提示框：
setTimeout(() => document.querySelector(".alert").remove(), 3000);
设置一个3秒（3000毫秒）的定时器，时间到后自动找到页面中第一个带有alert类的元素（也就是刚创建的提示框）并移除，实现弹窗自动消失的效果。
总结
这个函数的核心作用是封装了动态创建、样式定制、自动销毁提示弹窗的逻辑，不用每次写重复代码，调用时只需传入提示内容和样式类型，就能快速在页面上显示一个自动消失的提示框。
内容的提问来源于stack exchange，提问作者JDEV
