JS 는 간단 한 계산 문 제 를 처리 합 니 다.

7134 단어 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 코드 와 스타일 은 모두 가 필요 할 때 유연 하 게 바 꿀 수 있 습 니 다.저희 에 대한 지원 에 감 사 드 립 니 다.

좋은 웹페이지 즐겨찾기