javascript没有呈现样式

我不知道为什么这个代码不起作用

html、css、javascript不在同一html页面中工作

请帮助我，我想不出这个。。是浏览器有问题还是我的代码错了 一切似乎都很好

function render（）{
var winW=window.innerWidth；
var winH=window.innerHeight；
警惕（“你好”）；
var overlay=document.getElementsByClassName（'overlay'）；
var alert=document.getElementsByClassName（'alertbox'）；
overlay.style.display='block'；
overlay.style.background='blue'；
overlay.style.height=winH+'px'；
overlay.style.width=winW+'px'；
overlay.style.border='10px纯黑'；
}

.overlay{
显示：无；
不透明度：0.8；
位置：固定；
背景：#ccc；
z指数：10；
宽度：100%；
身高：100%；
}
.警报箱{
显示：无；
位置：固定；
背景：洋红；
z指数：10；
边界半径：8px；
宽度：500px；
}

自定义警报框演示
渲染覆盖
渲染覆盖

请参见此 您的脚本有两个错误。请用下面给定的脚本替换您的脚本

function render() {
  var winW = window.innerWidth;
  var winH = window.innerHeight;
  var overlay = document.getElementsByClassName('overlay')[0];
  var alert = document.getElementsByClassName('alertbox')[0];
  overlay.style.display = 'block';
  overlay.style.background = 'blue';
  overlay.style.height = winH + 'px';
  overlay.style.width = winW + 'px';
  overlay.style.border = '10px solid black';
}

第一个错误发生在线路上

alert('hello');

因为在脚本中有一个名为

alert

的变量，因此会在控制台中得到一个错误

alert不是函数。如果希望显示警报，则应将名为
alert
的变量重命名为其他名称，例如，将其重命名为
alert1
。请看地图

第二个错误发生在线路上

var overlay = document.getElementsByClassName('overlay');

因为
document.getElementsByClassName（）
总是返回一个数组

根据

getElementsByClassName（）
返回所有子元素的类似数组的对象，这些子元素具有
给定的类名。在文档对象上调用时
搜索完整文档，包括根节点。你也可以
对任何元素调用GetElementsByCassName（）；它只会回来
元素，这些元素是具有
给定类名

我在小提琴中所做的是，我使用索引位置
0
选择了类名为
overlay
的第一个元素。类
alertbox
也是如此