相思资源网 Design By www.200059.com
我们先来看下运行后的效果：
接下来我们分享给大家全部代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>document</title>
<style type="text/css">
/*计算器的style*/
.jisuanqi {
width: 270px;
height: 200px;
border: 1px solid black;
list-style-type: none;
background: #C9E495;
margin: 10px 0px 10px 0px;
}
.jisuanqi span {
width: 20px;
height: 10px;
margin-right: 5px;
}
.jisuanqi input {
margin-bottom: 5px;
}
[name=yunsuanfu] {
width: 50px;
height: 30px;
margin-left: 10px;
}
/*一元二次函数求根style*/
.box {
width: 300px;
height: 200px;
border: 1px solid black;
text-align: center;
background: #C9E495;
}
.box input {
margin-bottom: 10px;
}
</style>
<script type="text/javascript">
//计算10-100之和
function Sum(){
var i=0;
for (var j=10;j<=100;j++){
i+=j;
}
document.getElementById("count").value=i;
}
//判断是否闰年
function Runnian() {
var year = document.getElementById("year").value;
if (year==""){
alert("请先输入年份");
}
else if (year<=0){
alert("请输入大于0的年份");
}
else if ((year % 4 == 0) && (year % 100 != 0 || year % 400 == 0)){
document.write(year+"是闰年"+"\n");
document.write("<a href=''>返回重新输入</a>")
}
else{
document.write(year+"不是闰年"+"\n");
document.write("<a href=''>返回重新输入</a>")
}
}
//计算器1
function Calculate (){
var sum=0;
var num1 = parseFloat(document.getElementById("text1").value);
var num2 = parseFloat(document.getElementById("text2").value);
var sel = document.getElementById("select").value;
switch(sel){
case "+":sum=num1+num2;break;
case "-":sum=num1-num2;break;
case "*":sum=num1*num2;break;
case "/":sum=num1/num2;break;
default:sum="请输入数字选择运算符";break;
}
document.getElementById("jieguo").value = sum;
}
//计算器2
function Cal(count){
var sum;
var num1 = parseFloat(document.getElementById("text3").value);
var num2 = parseFloat(document.getElementById("text4").value);
switch(count){
case "+":sum=num1+num2;break;
case "-":sum=num1-num2;break;
case "*":sum=num1*num2;break;
case "/":sum=num1/num2;break;
}
document.getElementById("result").value = (sum.toFixed(2));
}
//计算一元二次函数根
function hanshu(){
var a=parseFloat(document.getElementById("txta").value);
var b=parseFloat(document.getElementById("txtb").value);
var c=parseFloat(document.getElementById("txtc").value);
var d=b*b-4*a*c
var r1=(-b+Math.sqrt(d))/(2*a);
var r2=(-b-Math.sqrt(d))/(2*a);
document.getElementById("txt1").value=(r1.toFixed(2));
document.getElementById("txt2").value=(r2.toFixed(2));
}
</script>
</head>
<body>
<!--第1题计算10到100之和-->
<input type="button" value="计算" onClick="Sum()" >
<input type="text" id="count" value="单击计算10-100之和">
<!--第2题判断是否为闰年-->
<p></p>
<div>判断是否为闰年：</div>
<input type="search" id="year" maxlength="4">
<input type="button" value="计算" onClick="Runnian()">
<!--第三题计算器-->
<p></p>
<input type="text" id="text1" size="5">
<select id="select">
<option value="">选择运算符</option>
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="text2" size="5">
<input type="button" value=" = " onClick = "Calculate()">
<input type="text" id="jieguo">
<!--计算器-->
<div class="jisuanqi">
<h2>购物简易计算器</h2>
<li><span>第一个数</span>
<input type="search" id="text3">
</li>
<li><span>第二个数</span>
<input type="search" id="text4">
</li>
<li>
<input type="button" value=" + " name="yunsuanfu" onClick="Cal('+')">
<input type="button" value=" - " name="yunsuanfu" onClick="Cal('-')">
<input type="button" value=" × " name="yunsuanfu" onClick="Cal('*')">
<input type="button" value=" ÷ " name="yunsuanfu" onClick="Cal('/')">
</li>
<li><span>计算结果</span>
<input type="search" id="result">
</li>
</div>
<div class="box">
<h3>分别输入abc求根</h3>
<input type="text" size="3" value="" id="txta">
<input type="text" size="3" value="" id="txtb">
<input type="text" size="3" value="" id="txtc">
<br />
<input type="button" value="求根" onClick="hanshu()">
<br />
<input type="text" size="7" id="txt1">
<input type="text" size="7" id="txt2">
</div>
</body>
</html>
其中的JS代码以及样式大家可以在需要用到的时候灵活变换，感谢你对的支持。
标签：
JS,计算题
相思资源网 Design By www.200059.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
相思资源网 Design By www.200059.com
暂无JS处理一些简单计算题的评论...
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。