最新消息: 电脑我帮您提供丰富的电脑知识,编程学习,软件下载,win7系统下载。

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

IT培训 admin 3浏览 0评论

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

作者:刘辉 撰写时间:2019.1.22

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

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

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

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

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

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

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

回答失败:


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

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

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

作者:刘辉 撰写时间:2019.1.22

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

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

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

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

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

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

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

回答失败:


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

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

发布评论

评论列表 (0)

  1. 暂无评论