Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我的弹出窗口应该在分数=6时显示,但我无法使其工作_Javascript_Html_Css - Fatal编程技术网

Javascript 我的弹出窗口应该在分数=6时显示,但我无法使其工作

Javascript 我的弹出窗口应该在分数=6时显示,但我无法使其工作,javascript,html,css,Javascript,Html,Css,我想在分数等于6时弹出显示。然后,当您按下按钮时,页面应重新加载。但我似乎不能让它工作。我用if语句尝试了这个函数,但它不起作用。所以我不知道该怎么做,怎么做。所以如果有人能帮我,我会很高兴:) //用于下拉内容的函数 函数下拉提示(){ document.getElementById(“mydropdown”).classList.toggle(“show”); } window.addEventListener(“单击”),函数(事件){ 如果(!event.target.matches(

我想在分数等于6时弹出显示。然后,当您按下按钮时,页面应重新加载。但我似乎不能让它工作。我用if语句尝试了这个函数,但它不起作用。所以我不知道该怎么做,怎么做。所以如果有人能帮我,我会很高兴:)

//用于下拉内容的函数
函数下拉提示(){
document.getElementById(“mydropdown”).classList.toggle(“show”);
}
window.addEventListener(“单击”),函数(事件){
如果(!event.target.matches('.dropbtn')){
var dropdowns=document.getElementsByClassName(“dropdowncontent”);
var i;
对于(i=0;i{
首先。类列表。删除(“打开”);
第二。类列表。删除(“打开”);
},3000,卡片,卡片匹配);
//无论哪种方式,下一次单击都将是第1次,共2次
}
cardToMatch=null;
}
}
函数更新CoreDisplay(新闻核心){
//将用户显示的值与分数同步
常量元素=document.querySelector(“.score span”);
element.textContent=新闻核心;
}
//弹出部分
let popup=document.querySelector(“.popup”);
popup=函数(){
如果(分数==6){
popup.style.display=“block”;
console.log(“你好”);
}
}
*{
保证金:0;
填充:0;
字体系列:“Lato”,无衬线;
}
标题{
背景色:#00005e;
高度:50px;
位置:相对位置;
}
收割台h1{
颜色:白色;
位置:绝对位置;
排名前10%;
左:38%;
右:40%;
宽度:355px;
}
/*“提示”按钮和下拉内容*/
标题按钮{
显示:内联flex;
位置:绝对位置;
对齐项目:居中;
右:2%;
最高:15%;
底部:15%;
填充:10px 20px;
字体大小:20px;
背景色:白色;
颜色:#00005e;
边界半径:10px;
光标:指针;
边框颜色:透明;
}
标题按钮:悬停{
不透明度:80%;
}
.下载内容{
显示:无;
位置:绝对位置;
右:0%;
最高:100%;
背景色:#010169;
最小宽度:160px;
最大宽度:400px;
盒影:0px 8px 16px 0px rgba(0,0,0,0.808);
边框左下半径:20px;
z指数:100;
}
李先生{
颜色:白色;
填充:12px 16px;
文字装饰:无;
显示:块;
}
.建议{
字号:19px;
}
.密码提示{
字体大小:30px;
左:20%;
}
.表演{
显示:块;
}
/*下拉内容中的链接*/
a{
文字装饰:下划线;
颜色:白色;
}
a:悬停{
光标:指针;
}
/*计分器*/
.得分{
颜色:#01016e;
显示器:flex;
证明内容:中心;
利润率:10px;
字体大小:30px;
}
/*游戏区*/
.第一节{
最大宽度:1100px;
高度:550px;
显示器:flex;
证明内容:周围的空间;
边缘顶部:10px;
左边距:自动;
右边距:自动;
边界半径:7px;
边框颜色:#00005e;
边框样式:实心;
边框宽度:5px;
位置:相对位置;
}
/*章节内容*/
.包装纸{
宽度:99%;
身高:100%;
显示:网格;
网格模板列:重复(4,1fr);
网格自动行数:183px;
边缘顶部:7px;
}
.卡片{
背景色:#01016e;
颜色:白色;
利润率:10px 10px;
高度:150像素;
文本对齐:居中;
显示器:flex;
证明内容:中心;
对齐项目:居中;
字号:0;
边界半径:5px;
}
.卡h2{
填充:2px;
变换:比例(-1,1);
}
.卡:悬停{
光标:指针;
}
.打开{
动画:flip.5s;
动画填充模式:正向;
变换样式:保留-3d;
}
@关键帧翻转{
从{
背景:#00005e;
字号:0;
}
到{
背景:rgb(20,73,185);
字号:17px;
变换:旋转(180度);
}
}
/*弹出部分*/
.弹出窗口{
位置:绝对位置;
背景色:白色;
宽度:700px;
高度:500px;
z指数:100;
右:50.5vh;
最高:14%;
盒影:0px 8px 16px 0px rgba(0,0,0,0.808);
边界半径:8px;
显示:无;
}
.祝贺你{
位置:相对位置;
显示器:flex;
证明内容:中心;
高度:40px;
最高:20%;
颜色:#00005e;
字体大小:40px;
}
.火柴{
位置:相对位置;
高度:40px;
最高:35%;
颜色:#00005e;
显示器:flex;
证明内容:中心;
字体大小:30px;
}
.再来一次{
位置:绝对位置;
高度:40px;
宽度:150px;
最高:65%;
左:40%;
光标:指针;
颜色:白色;
背景色:#00005e;
边框样式:无;
字体大小:20px;
边界半径:5px;
}
/*你知道吗*/
.事实{
显示器:flex;
证明内容:周围的空间;
边缘顶部:15px;
字体大小:20px;
颜色:#00005e;
}
/*事实采集器*/
.t集装箱{
最大宽度:1100px;
边缘顶部:20px;
溢出:隐藏;
左边距:自动;
右边距:自动;
边界半径:5px;
z指数:1000;
}
.股票代码包{
宽度:100%;
左:100%;