<html lang="en">
<head>
<meta charset="UTF-8">
<title>计数器</title>
</head>
<body>
<input type="text" name="text" id="pre" onblur="validate(this.value)">
<select id="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" name="text" id="next" onblur="validate(this.value)">
<span>=</span>
<input type="text" id="result" readonly="true">
<input type="button" id="btn" value="提交" onclick="calculator()">
<script>
function validate(str){
var reg = /^\d+$/
if (!reg.test(str)) {
alert("请输入数字")
}
}
function calculator(){
var pre=document.getElementById("pre").value
var next=document.getElementById("next").value
var opra=document.getElementById("operator").value
var result=0
switch(opra) {
case "+":
result=parseInt(pre)+parseInt(next)
break
case "-":
result=parseInt(pre)-parseInt(next)
break
case "*":
result=parseInt(pre)*parseInt(next)
break
case "/":
if(parseInt(next)!=0){
result=parseInt(pre)/parseInt(next)
}
else{
alert("除数不能为0")
return
}
break
default:
break
}
document.getElementById("result").value=result
}
</script>
</body>
</html>
css里数值这么求根号:使用CSS计算平方根可以在我的CSS文件的calc()函数中使用平方根函数，我读过calc()只支持像+-*和/这样的基本运算符。
理想情况下，它应该是这样的：
width: calc(50% - (sqrt(7200))px)
正如其他人所建议的，如果要处理重复值，只需使用预处理器，或者直接从计算器复制/粘贴，例如sqrt(2) = 1.4142135623730950488016887242097。
但是，如果你真的需要在没有JS的情况下，使用动态的方式来动态计算CSS的平方根，当然也有。
Xml和CSS显示根号上标下标
Xml+CSS显示根号、上标和下标
一、显示根号：
1、建立css.css文件，代码：
span
{ text-decoration:overline//顶划线
}
2、建立genhao.xml，代码：
<?xml version="1.0" encoding="GB2312"?>
<?xml-stylesheet type="text/css" href="css.css"?>
<TITLE>3√<genhao>3</genhao></TITLE>
说明：用符号“√”和“span”格式显示根号。
3、效果：
二、显示上标：
1、css.css文件，添加代码：
shangbiao
{ vertical-align: supfont-size:8px
}
第 2 页
说明：font-size比默认文字大小略小，符合一般格式。
2、建立shangbiao.xml，代码：
<?xml version="1.0" encoding="GB2312"?>
<?xml-stylesheet type="text/css" href="css.css"?>
<TITLE>3√<shangbiao>3</shangbiao>
