JS 는 간단 한 계산 문 제 를 처리 합 니 다.
다음은 모든 코드 를 공유 하 겠 습 니 다.
<!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+" "+"
");
document.write("<a href=''> </a>")
}
else{
document.write(year+" "+"
");
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 코드 와 스타일 은 모두 가 필요 할 때 유연 하 게 바 꿀 수 있 습 니 다.저희 에 대한 지원 에 감 사 드 립 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
JS 판단 수조 네 가지 실현 방법 상세그러면 본고는 주로 몇 가지 판단 방식과 방식 판단의 원리를 바탕으로 문제가 있는지 토론하고자 한다. 예를 들어 html에 여러 개의 iframe 대상이 있으면 instanceof의 검증 결과가 기대에 부합되지 않을...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.