Javascript 中的 OnClick 事件未生效
我已经搜索过这个问题，其他问题都没有与我的设置类似。基本上，我正在学习教程并希望创建一个自定义弹出窗口，询问用户是否要执行操作。这个弹出窗口有一个“是”和一个“否”按钮。我的问题是单击任一按钮时没有任何反应。这是我的代码，我使用括号。
/*global alert, prompt, window, document*/
"use strict";
function play() {
//text adventure game here
}
function CustomConfirm(){
this.render = function() {
var winW = window.innerWidth;
var winH = window.innerHeight;
var dialogoverlay = document.getElementById('dialogoverlay');
var dialogbox = document.getElementById('dialogbox');
dialogoverlay.style.display = "block";
dialogoverlay.style.height = winH+"px";
dialogbox.style.left = (winW/2) - (550 * .5) + "px";
dialogbox.style.top = "100px";
dialogbox.style.display = "block";
document.getElementById('dialogboxhead').innerHTML = "Are you sure?";
document.getElementById('dialogboxbody').innerHTML = "Select Yes or No...";
document.getElementById('dialogboxfoot').innerHTML = '<button onclick="Dialog.yes()">Yes</button> <button onclick="Dialog.no()">No</button>';
}
this.yes = function() {
document.getElementById('dialogbox').style.display = "none";
document.getElementById('dialogoverlay').style.display = "none";
play();
}
this.no = function() {
document.getElementById('dialogbox').style.display = "none";
document.getElementById('dialogoverlay').style.display = "none";
alert("Goodbye!");
}
}
var Confirm = new CustomConfirm();
//play();
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript!</title>
<link href="styles/dialog.css" type="text/css" rel="stylesheet">
<script src="scripts/dialog.js" type="text/javascript"></script>
</head>
<body>
<h1>Zombie Apocalypse!</h1>
<p>Directions for text adventure game here</p>
回首忆惘然2回答
随时随地看视频慕课网APP
相关分类
JavaScript