WEB一次作业,用JS做个10以内的加法

回答正确,播放正确提示音

回答错误,播放错误提示音

当回答正确后,自动刷新页面,出现新题目!

回答错误,继续回答!

免费音频下载网址——站长工具

我是罡罡同学,一位初入网安的小白。☜(ˆ▽ˆ)
(疯狂暗示 点赞 !关注!转发 !!! 点赞 !关注!转发 !!!)

 * 您的支持是罡罡同学前进的最大动力!

效果图:

上代码:

<!DOCTYPE html>
<html>
<head><meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1"><meta charset="utf-8"><title>口算天天练</title><style type="text/css">html,body{width: 100%;height: 100%;}#nav{font-size: 90px;text-align: center;}#buttons button{width: 32%;height: 32vw;font-size: 50px;text-align: center;}.p1{color: red;font-size: 50px;text-align: center;}</style>
</head>
<body><p class="p1">口算天天练</p><audio   id='aa'><!-- 2.wav正确提示音 --><source src="2.wav" type="audio/mpeg"></audio><audio   id='bb'><!-- 3.wav错误提示音 --><source src="3.wav" type="audio/mpeg"></audio><div id="nav"></div><script type="text/javascript">var a,b;function hehe(){a=1+Math.floor(Math.random()*9); b=Math.floor(Math.random()*(11-a)); // i.innerHTML=a+"+"+b+"=??";i.innerHTML=a+"+"+b+"=?";}var i=document.getElementById("nav");var c = document.getElementById("aa");var d = document.getElementById("bb");hehe();function check_add(s){if((a+b)== s){c.play();rush();}else{d.play();}}function rush(){          a=1+Math.floor(Math.random()*9); b=Math.floor(Math.random()*(11-a)); // i.innerHTML=a+"+"+b+"=??";i.innerHTML=a+"+"+b+"=?";function check_add(s){if((a+b)== s){c.play();hehe();}else{d.play();}}          }</script><div id="buttons"><button onmousedown="check_add(1)"  >1</button><button onmousedown="check_add(2)"  >2</button><button onmousedown="check_add(3)"  >3</button><button onmousedown="check_add(4)"  >4</button><button onmousedown="check_add(5)"  >5</button><button onmousedown="check_add(6)"  >6</button><button onmousedown="check_add(7)"  >7</button><button onmousedown="check_add(8)"  >8</button><button onmousedown="check_add(9)"  >9</button><button onmousedown="check_add(10)"  >10</button></div></body>
</html>

我是罡罡同学,一位初入网安的小白。☜(ˆ▽ˆ)
(疯狂暗示 点赞 !关注!转发 !!! 点赞 !关注!转发 !!!)

 * 您的支持是罡罡同学前进的最大动力!

用JS做10以内的加法(带按钮)相关推荐

  1. python随机生成10道乘法题_python3 随机生成10以内的加法算术题

    今晚晚饭过后,看到小孩在做加法题,全是10以内的,因为她现在只会10以内的加法题.而这些题是老婆手动出的题目. 看到这个情景,突然想到,可以用python来实现随机出题,而且可以指定出多少题,出多少以 ...

  2. Python实现随机生成10以内的加法

    题目要求: 设计一个程序,帮助小学生练习10以内的加法 详情: - 随机生成加法题目; - 学生查看题目并输入答案; - 判别学生答题是否正确? - 退出时, 统计学生答题总数,正确数量及正确率(保 ...

  3. 设计一个程序,帮助小学生练习10以内的加法题目

    设计一个程序,帮助小学生练习10以内的加法 详情: 随机生成加法题目: 共进行5次计算: 学生查看题目并输入答案: 判别学生答题是否正确? 退出时, 统计学生答题总数,正确数量及正确率(保留两位小数点 ...

  4. python------帮助小学生练习10以内的加法

    python之while练习3:帮助小学生练习10以内的加法 1)题目描述 详情:- 随机生成加法题目;- 学生查看题目并输入答案;- 判别学生答题是否正确?- 退出时, 统计学生答题总数,正确数量及 ...

  5. html+js生成10道小学生加法题

    运行效果 <!DOCTYPE html> <html><head><title>小朋友做数学题</title><script type ...

  6. c语言10以内得加法,10以内加法练习题(最新整理)

    <10以内加法练习题(最新整理)>由会员分享,可在线阅读,更多相关<10以内加法练习题(最新整理)(48页珍藏版)>请在人人文库网上搜索. 1.0+0=1+5=9+0=1+0= ...

  7. c语言10以内的加法程序代码,怎样用c语言编写个能随机出10以内加减法题目的程序...

    #include "stdio.h" #include "stdlib.h" #include "time.h" #include &quo ...

  8. php求10以内的所有偶数,第八单元 《10以内的加法和减法》

    中小学教育资源及组卷应用平台 2020年苏教版小学数学 一年级上册第八单元质量检测卷 一.选择题 1.下面的算式正确的是(??? ). A.4+2=6 B.4-2=2? C.6-4=2 D.6-2=4 ...

  9. 【教学类-30-02】10以内加法题不重复(一页两份)(包括6以内、7以内、8以内、9以内、10以内加法题 只抽取25个)

    作品样式: 背景需求: 前一篇提到5以内不重复(不超过25题)加法题的word界面布局,做为普测题目打印 [教学类-30-01]5以内加法题不重复(一页两份)包含1以内.2以内.3以内.4以内.5以内 ...

最新文章

  1. 电厂MIS,SIS简介
  2. 重新想象 Windows 8 Store Apps (61) - 通信: http, oauth
  3. maven项目修改java编译版本的方式
  4. V4L2框架分析学习二
  5. 计算机视觉、机器学习相关领域论文和源代码大集合--持续更新……
  6. b500k带开关电位器内部构造_R138带开关大功率大电流电位器 B10K B500K
  7. 【Java从0到架构师】会话跟踪 Cookie_Session
  8. mysql怎么用sb文件_初识mysql数据库
  9. python中文版免费下载-Python IDLE汉化版下载
  10. tomcat-内存溢出java.lang.OutOfMemoryErrory:PermGen space解决方法
  11. 介绍几款iPhone手机原型设计的工具
  12. 计算机pc610台湾研华,研华科技工业电脑各尺寸上架式机箱型号介绍
  13. oracle元转换为亿元,元换算成亿元(亿元和圆的换算)
  14. 黑客与画家 [美] Paul Graham 读书摘录
  15. Visual Studio 2008 项目安装和部署
  16. 计算机毕业设计SSM动物保护资讯推荐网站【附源码数据库】
  17. 电商ERP进销存系统V3多仓库带扫描php网页版B/S进销存系统多仓库版
  18. Anaconda和pip换源
  19. 如何使用接口进行发票查验?
  20. 树莓派python识别二维码_Zbar树莓派二维码(QR)识别(基于图片)

热门文章

  1. 雨量水位监测站 水情监测
  2. 阿西莫夫机器人三原则
  3. pico的学习之路(二)——YL-56声音传感器(树莓派pico实现)
  4. 面试官这样问我Java反射原理,我刚好都会
  5. 今天来分享一下菜鸟是如何建站的吧
  6. 爱奇艺携手网心科技构建下一代混合CDN,入选IDC中国边缘云最佳实践
  7. 安装Fiddler证书到夜神模拟器系统证书中
  8. CAN总线控制器SJA1000
  9. HTTP请求出现405 not allowed的一种解决办法经验分享
  10. 理解锁相环的工作原理