用JS做10以内的加法(带按钮)
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以内的加法(带按钮)相关推荐
- python随机生成10道乘法题_python3 随机生成10以内的加法算术题
今晚晚饭过后,看到小孩在做加法题,全是10以内的,因为她现在只会10以内的加法题.而这些题是老婆手动出的题目. 看到这个情景,突然想到,可以用python来实现随机出题,而且可以指定出多少题,出多少以 ...
- Python实现随机生成10以内的加法
题目要求: 设计一个程序,帮助小学生练习10以内的加法 详情: - 随机生成加法题目; - 学生查看题目并输入答案; - 判别学生答题是否正确? - 退出时, 统计学生答题总数,正确数量及正确率(保 ...
- 设计一个程序,帮助小学生练习10以内的加法题目
设计一个程序,帮助小学生练习10以内的加法 详情: 随机生成加法题目: 共进行5次计算: 学生查看题目并输入答案: 判别学生答题是否正确? 退出时, 统计学生答题总数,正确数量及正确率(保留两位小数点 ...
- python------帮助小学生练习10以内的加法
python之while练习3:帮助小学生练习10以内的加法 1)题目描述 详情:- 随机生成加法题目;- 学生查看题目并输入答案;- 判别学生答题是否正确?- 退出时, 统计学生答题总数,正确数量及 ...
- html+js生成10道小学生加法题
运行效果 <!DOCTYPE html> <html><head><title>小朋友做数学题</title><script type ...
- c语言10以内得加法,10以内加法练习题(最新整理)
<10以内加法练习题(最新整理)>由会员分享,可在线阅读,更多相关<10以内加法练习题(最新整理)(48页珍藏版)>请在人人文库网上搜索. 1.0+0=1+5=9+0=1+0= ...
- c语言10以内的加法程序代码,怎样用c语言编写个能随机出10以内加减法题目的程序...
#include "stdio.h" #include "stdlib.h" #include "time.h" #include &quo ...
- php求10以内的所有偶数,第八单元 《10以内的加法和减法》
中小学教育资源及组卷应用平台 2020年苏教版小学数学 一年级上册第八单元质量检测卷 一.选择题 1.下面的算式正确的是(??? ). A.4+2=6 B.4-2=2? C.6-4=2 D.6-2=4 ...
- 【教学类-30-02】10以内加法题不重复(一页两份)(包括6以内、7以内、8以内、9以内、10以内加法题 只抽取25个)
作品样式: 背景需求: 前一篇提到5以内不重复(不超过25题)加法题的word界面布局,做为普测题目打印 [教学类-30-01]5以内加法题不重复(一页两份)包含1以内.2以内.3以内.4以内.5以内 ...
最新文章
- 电厂MIS,SIS简介
- 重新想象 Windows 8 Store Apps (61) - 通信: http, oauth
- maven项目修改java编译版本的方式
- V4L2框架分析学习二
- 计算机视觉、机器学习相关领域论文和源代码大集合--持续更新……
- b500k带开关电位器内部构造_R138带开关大功率大电流电位器 B10K B500K
- 【Java从0到架构师】会话跟踪 Cookie_Session
- mysql怎么用sb文件_初识mysql数据库
- python中文版免费下载-Python IDLE汉化版下载
- tomcat-内存溢出java.lang.OutOfMemoryErrory:PermGen space解决方法
- 介绍几款iPhone手机原型设计的工具
- 计算机pc610台湾研华,研华科技工业电脑各尺寸上架式机箱型号介绍
- oracle元转换为亿元,元换算成亿元(亿元和圆的换算)
- 黑客与画家 [美] Paul Graham 读书摘录
- Visual Studio 2008 项目安装和部署
- 计算机毕业设计SSM动物保护资讯推荐网站【附源码数据库】
- 电商ERP进销存系统V3多仓库带扫描php网页版B/S进销存系统多仓库版
- Anaconda和pip换源
- 如何使用接口进行发票查验?
- 树莓派python识别二维码_Zbar树莓派二维码(QR)识别(基于图片)