JavaScript Webコンピューティング

この計算機はDWで書かれています!
HTML編

>




  

    

      

      
    
    

      
C
      
←
      
±
      
＋
    
    

      
7
      
8
      
9
      
－
    
    

      
4
      
5
      
6
      
×
    
    

      
1
      
2
      
3
      
÷
    
    

      
0
      
▪
      
＝
    
  
  
 
  
 

CSS

@charset "utf-8";
/* CSS Document */

.trb {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFF;
	background-color: #333;
	text-align: center;
	border: 1px solid #999;
}
.operator {
	background-color: #333;
	font-size: 18px;
	color: #C60;
	font-family: Verdana, Geneva, sans-serif;
}
td:hover{ 
	font-size: 28px;
	cursor:pointer; 
}
.txt {
	height: 100px;
	width: 320px;
	background-color: #333;
	text-align: left;
	vertical-align: bottom;
	color: #FFF;
	font-size: 30px;
}

JavaScript

//       


//  
var result = 0;
//      （   “0”）
var screenNum = "0";
//        ，   0；          ，        1
var state = 0;
//         
var avoidRepeat = true;
//    （   0--   ）
var operator = 0;

//   ：     ，        
function command(num) {
	//       
	var str = String(document.form1.txt.value);
	//       ，      "0"，     0，     ，   ""(      )
	//      ：1、        "0",   2、      
	str = (str != "0")?((state == 0)?str:""):"";
	//        
	str = str + String(num);
	//    
	document.form1.txt.value = str;
	//        ，        0
	state = 0;
	//        
	avoidRepeat = true;
}

//   ：          ，            
function dot() {
	var str = String(document.form1.txt.value);
	//          ，     ，   "0"；
	str = (state == 0)?str:"0";
	//Java String length()  ， JS String length  
	for(i=0;i<=str.length;i++) {
		//substr()     i  ，   1    
		if(str.substr(i,1)==".") {
			//       ，     
			return;
		}	
	}
	//     ，        
	str = str+".";
	//    
	document.form1.txt.value = str;
	//          
	state = 0;
	
}

//   ：     
function Backspace() {
	var str= String(document.form1.txt.value);
	//         "0",   str，    ""
	str = (str != "0")?str:"";
	//    
	str = str.substr(0,str.length-1);
	// str  "",     str，  str="0"
	str = (str != "")?str:"0";
	//    
	document.form1.txt.value = str;
	
}

//   ：    
function deleteAll() {
	//     "0"
	document.form1.txt.value = "0";
	//          
	state = 0;
	//      ，   0--   
	operator = 0;
}

//   ：  
function add() {
	//      
	calculate();
	//        
	state = 1;
	//      ，1--  
	operator = 1;
	
}

//   ：  
function subtract() {
	//      
	calculate();
	//        
	state = 1;
	//2--  
	operator = 2;
	
	
}

//   ：  
function multiply() {
	//      
	calculate();
	//        
	state = 1;
	//3--  
	operator = 3;
	
}

//   ：  
function divide() {
	//      
	calculate();
	//        
	state = 1;
	//4--  
	operator = 4;
	
}

//   ：   
function sign() {
	//5--   
	operator = 5;
	//      
	calculate();
	//        
	state = 1;
	//0--   
	operator = 0;
	//        
	avoidRepeat = true;

}

//   ：  
function equal() {
	//      
	calculate();
	//        
	state = 1;
	//0--   
	operator = 0;
	
	
}

//    ：  
function calculate() {
	//        
	screenNum = Number(document.form1.txt.value);
	if(avoidRepeat) {	
		switch(operator){
			case 1:
				result = result + screenNum;
				document.form1.txt.value = result;
				break;
			case 2:
				result = result - screenNum;
				document.form1.txt.value = result;
				break;
			case 3:
				result = result * screenNum;
				document.form1.txt.value = result;
				break;
			case 4:
				if(screenNum == 0){
					//       
					document.getElementById("txt").value="     0";
					//3s ，      
					setTimeout(clearScreen,3000);
				}else{
					result = result/screenNum;
					document.form1.txt.value = result;
				}
				break;
			case 5:
				result = (-1)*screenNum;
				document.form1.txt.value = result;
				break;
			case 0:
				result = screenNum;
				document.form1.txt.value = result;
				break;
			
		}
		//        ，    
		avoidRepeat = false;
	}
	
}

//    ：    
function clearScreen() {
	document.getElementById("txt").value = "0";
		
}