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

作者:刘辉 撰写时间:2019.1.22

众所周知,我们可以通过alert,confirm,prompt等来完成一个网页提示效果,那我们能不能通过这些来设置一个简单的问答小游戏呢?于是首先我们先在JavaScript中进行一个点击效果,给这个点击对象设置一个:alert(“准备?”)
如图:当我们点击这个对象时页面上就会弹出一个框
在这里插入图片描述
然后我们再声明一个变量,以便于完成下一步操作:
在这里插入图片描述
我们先回到页面上,当我们点击确认时就会继续弹出一个框:
在这里插入图片描述
这时候我们的变量就有用了,我们给它一个if语句:当我们继续点击确认时就会完成下一步操作:
在这里插入图片描述
我们再次回到页面上,它就会提示你输入一个内容:
在这里插入图片描述
按正常情况下,随便输入什么都是可以的,但是我们想让它输入某个固定的值才让它显示成功,就像QQ登录时那样,于是我们又需要靠声明和if配合来完成这一步操作:如果当你输入我写的答案就回答正确,否则就失败,如图:
在这里插入图片描述
下面是回答正确和失败的图:
回答正确:
在这里插入图片描述
在这里插入图片描述

回答失败:
在这里插入图片描述
在这里插入图片描述
但是谁没有一点失误呢,没有人是圣人,所以还是要给他一次机会的,于是我们继续编辑:
以下是完整的代码:
在这里插入图片描述
通过alert、confront、prompt与if语句的配合使用我们便可以完成这样一个小小的问答啦!我们也可以通过这样的方法继续无限的编辑下去,这里就不一一写出了。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值