當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
用JS做10以内的加法（带按钮）
生活随笔
收集整理的這篇文章主要介紹了
用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以内的加法（带按钮）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 软件测试等级abcd,学业水平测试怎样才
- 下一篇： gradle idea java ssm