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

作者：刘辉撰写时间：2019.1.22

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

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

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

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

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

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

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

回答失败：

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

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

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

模拟alert,confirm,prompt
以前项目上用的那个虽然也是自己写的,但是是基于JQ的,前不久看到人人网出的JS有道考题和这个很像,所以就用原生JS重写了一遍: JS (function(win){var tips = {'title ...
Python+Selenium UI自动化 - alert/confirm/prompt窗口处理方法
WebDriver中处理原生JS的alert.confirm以及prompt非常方便,三种弹出窗口均无法直接通过页面元素定位,不关闭窗口无法在页面上做其他操作语法: text:返回a ...
jQuery Alert Dialogs (Alert, Confirm, Prompt Replacements)(翻译)
前不久在官方网站是看见这个插件,所以今天趁有空就看了一下,随便给大家共享一下.也许你早已知道了 ,如果是这样那请跳过,不要拍砖. 这个Jquery插件的目的是替代JavaScript的标准函数aler ...
Coolite(二)服务器端Alert,Confirm,Prompt
一:Alert Alert组件最简单的用法就是直接弹出一个消息提示框: protected void Button_Click(object sender, AjaxEventArgs e) ...
JS的三种消息提示框alert confirm prompt
首先来看看alert的效果: 代码为: $(function(){$("#quit").click(quit); })function quit(){alert("消息提 ...
html对话框跳转页面,html页面的简单对话框（alert, confirm, prompt）
html页面简单的三种对话框如下: 1.alert(),最简单的提示框: alert("你好!"); 2.confirm(),有确认和取消两个按钮: if(confirm(&quo ...
JavaScript弹出对话框的三种方式-alert()-confirm()-prompt()
一.alert()警告框(确定) alert()方法是显示一条弹出提示消息和确认按钮的警告框. 需要注意的是 : alert()是一个阻塞的函数,如果不点确认按钮,后面的内容就不会加载出来. 使用方式 ...
cefsharp重写默认js弹窗（alert/confirm/prompt）
1.设置js弹窗控制器 webView.JsDialogHandler = this; //js弹窗控制 this表示本类对象,所以本类要实现IJsDialogHandler接口 2.实现IJsDi ...
Dorado7 notify非alert 输入框prompt confirm layer dialoger，layer.msg，toast效果，几秒关闭layer.load layer.open
IDEA-layer 方式一:layer.alert() layer.alert("当前行的下标:" + row.username, {icon: 0}); icon=0 1 2 ...

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

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

最新文章

热门文章