<head>
<title>小测试</title>
<script language="javascript">
var number1 = 0
var number2 = 0
var n = 0
var total = 0
function getQuestion()
{
//补充代码
number1 = parseInt( Math.random() * 10)
number2 = parseInt(Math.random() * 10)
var n1 = document.getElementsByName("n1")
n1(0).value = number1
var n2 = document.getElementsByName("n2")
n2(0).value = number2
var n3 = document.getElementsByName("tresult")
n3(0).value = ""
}
function judge()
{
//补充代码
var n3 = document.getElementsByName("tresult")
var number3 = n3(0).value
total ++
if (number3 == number1 + number2)
{
n++
alert("回答正确，正确率是:" + Math.round( parseFloat(n * 100 / total)) + "%")
}
else
{
alert("回答错误，正确答案是:" + (number1 + number2) )
}
getQuestion()
return false
}
</script>
</head>
<body onload="getQuestion()">
<form name="myForm" method="post" action="">
<input type="text" name="n1" disabled="disabled"> <!--禁用输入元素-->
+<input type="text" name="n2" disabled="disabled"> =
<input type="text" name="tresult" id="result">
<input type="submit" name="Submit" value="确定" onclick="return judge()">
</form>
</body>
</html>
1. CodeSandbox(基于 React 的在线代码沙盒平台) 我常用的
① 主流的脚手架都支持,比如在线create-react-app,vue-cli等(在线 fork 修改),支持 github 登录(项目导入),也支持 cli 上传例子,例子可以在线访问和下载,当然也支持内嵌到其他博客等网页中。
② 地址：https://codesandbox.io/
③ 图示
2. CodePen(前端代码编辑运行的网站)
① CodePen 是一个完全免费的前端代码托管服务，主要功能有：
② 地址：https://codepen.io/
③ 图示
3. JSRUN(支持手机端的在线JS编辑器)
① jsrun是一款支持手机端的在线JS编辑器, HTML/CSS/Javascript在线代码运行工具,js代码在线测试调试,是runjs的升级版支持vue.js/angular.js的在线编辑器
② 地址：http://jsrun.net/
③ 图示
4. jsFiddle(前端代码编辑运行的网站)
① jsFiddle 是一个Web开发人员的练习场,可在线编辑和测试 HTML、CSS、JavaScript代码片段。在 jsFiddle 编辑的代码,可以保存,也可分享给其他人,还可嵌入到其他网页
② 地址：https://jsfiddle.net/
③ 图示
5. Ideone(C和C++的在线编译和调试工具,支持其他的60种语言) 我常用
① Ideone是C和C++的在线编译和调试工具,支持其他的60种语言。这个工具提供许多强大的功能,允许程序员快速高效的编译源代码
② 地址：https://www.ideone.com/
③ 图示
6. Codechef(C，C ++和Java的在线编译工具)
① 它支持C，C ++和Java，非常接近真正的桌面IDE。这是超快速和易于使用。适合于课堂和作业的学生，练习面试问题。
② 地址：https://www.codechef.com/ide
③ 图示
7. JDoodle (C，C ++和Java的在线IDE)
① 支持协作代码。它只是从一个简单的文本区域开始，您可以粘贴代码，然后单击运行。您可以更改命令行参数并在运行该程序之前设置stdin。最适合新的在线编辑器不支持的许多旧语言。
② 地址：https://www.codechef.com/ide
③ 图示
8. OnlineGDB (在线C，C ++，Java，PHP编译器) 我常用
① 它支持C，C ++，PHP和Java编译器。OnlineGDB的独特功能是，您可以逐步调试您的代码。一旦代码被写入，它可以很容易地格式化，使其看起来不错。
② 地址：https://www.onlinegdb.com/
③ 图示
9. GCC资源管理器
① GCC编译器资源管理器是一个交互式在线编译器，它显示编译后的C++、RISE、GO（以及更多）代码的汇编输出。
② 地址：https://gcc.godbolt.org/
③ 图示
10. plnkr edit在线编辑器
① js的在线编辑器。
② 地址：http://plnkr.co/edit/
③ 图示
varmyReg = /^[a-zA-Z0-9_]{0,}$/ if(!myReg.test(input.val())) { $.validation.tip(false, input, "用户名不能含有中文或特殊字符") return } js通过正则表达式限制input输入框只能输入英文字母和数字,不能输入中文。 <input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"> 文本框中仅允许输入英文字母，小数点，数字，禁止输入中文字符以及其他特殊字符！ <input type="text" name="username" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" /> 输入大于0的正整数 <input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"> PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用： JavaScript正则表达式在线测试工具： http://tools.jb51.net/regex/javascript 正则表达式在线生成工具： http://tools.jb51.net/regex/create_reg var temp = 'abcdefg Fw:123456 Fw:789.1011' temp =temp.indexOf(‘.’)//匹配某个字符位置 alert(temp)��var temp = 'dsd-5555' temp =temp.replace('-','')//匹配某个字符必替换 alert(temp)
