用alert、confirm、prompt与if语句的配合使用来完成一个简单的问答效果

用alert、confirm、prompt与if语句的配合使用来完成一个简单的问答效果

作者：刘辉 撰写时间：2019.1.22

众所周知，我们可以通过alert，confirm，prompt等来完成一个网页提示效果，那我们能不能通过这些来设置一个简单的问答小游戏呢？于是首先我们先在JavaScript中进行一个点击效果，给这个点击对象设置一个：alert（“准备？”）
如图：当我们点击这个对象时页面上就会弹出一个框

然后我们再声明一个变量，以便于完成下一步操作：

我们先回到页面上，当我们点击确认时就会继续弹出一个框：

这时候我们的变量就有用了，我们给它一个if语句：当我们继续点击确认时就会完成下一步操作：

我们再次回到页面上，它就会提示你输入一个内容：

按正常情况下，随便输入什么都是可以的，但是我们想让它输入某个固定的值才让它显示成功，就像QQ登录时那样，于是我们又需要靠声明和if配合来完成这一步操作：如果当你输入我写的答案就回答正确，否则就失败，如图：

下面是回答正确和失败的图：
回答正确：

回答失败：


但是谁没有一点失误呢，没有人是圣人，所以还是要给他一次机会的，于是我们继续编辑：
以下是完整的代码：

通过alert、confront、prompt与if语句的配合使用我们便可以完成这样一个小小的问答啦！我们也可以通过这样的方法继续无限的编辑下去，这里就不一一写出了。