javascript白色简洁计算器

本文中计算器代码很简单，你可以很容易把该网页特效应用到你的项目中。

HTML

首先我们在网页上放置一个输入框及多个计算器按钮。

 
   
   
     
      C 
     
      +/- 
     
      % 
     
      ← 
     
      7 
     
      8 
     
      9 
     
      + 
     
      - 
     
      4 
     
      5 
     
      6 
     
      × 
     
      ÷ 
     
      1 
     
      2 
     
      3 
     
      ײ 
     
      √ 
     
      0 
     
      . 
     
      = 
   

js

根据操作类型作相应操作：

function operator(type) { 
  switch (type) { 
  case "clear": 
    input.value = "0"; 
    _string.length = 0; 
     
    break; 
  case "backspace": 
    if (checknum(input.value) != 0) { 
      input.value = input.value.replace(/.$/, ''); 
      if (input.value == "") { 
 input.value = "0"; 
      } 
    } 
    break; 
  case "opposite": 
    if (checknum(input.value) != 0) { 
      input.value = -input.value; 
    } 
    break; 
  case "percent": 
    if (checknum(input.value) != 0) { 
      input.value = input.value / 100; 
    } 
    break; 
  case "pow": 
    if (checknum(input.value) != 0) { 
      input.value = Math.pow(input.value, 2); 
    } 
    break; 
  case "sqrt": 
    if (checknum(input.value) != 0) { 
      input.value = Math.sqrt(input.value); 
    } 
    break; 
  case "plus": 
    if (checknum(input.value) != 0) { 
      _string.push(input.value); 
      _type = "plus"input.value = "+"; 
      input.name = "type"; 
    } 
    break; 
  case "minus": 
    if (checknum(input.value) != 0) { 
      _string.push(input.value); 
      _type = "minus"input.value = "-"; 
      input.name = "type"; 
    } 
    break; 
  case "multiply": 
    if (checknum(input.value) != 0) { 
      _string.push(input.value); 
      _type = "multiply"input.value = "×"; 
      input.name = "type"; 
    } 
    break; 
  case "divide": 
    if (checknum(input.value) != 0) { 
      _string.push(input.value); 
      _type = "divide"input.value = "÷"; 
      input.name = "type"; 
    } 
    break; 
  case "result": 
    if (checknum(input.value) != 0) { 
      _string.push(input.value); 
      if (parseInt(_string.length) % 2 != 0) { 
 _string.push(_string[_string.length - 2]) 
      } 
      if (_type == "plus") { 
 input.value = parseFloat(result(_string)[0]) + parseFloat(result(_string)[1]); 
 input.name = "type" 
      } else if (_type == "minus") { 
 input.value = parseFloat(result(_string)[0]) - parseFloat(result(_string)[1]); 
 input.name = "type" 
      } else if (_type == "multiply") { 
 input.value = parseFloat(result(_string)[0]) * parseFloat(result(_string)[1]); 
 input.name = "type" 
      } else if (_type == "divide") { 
 input.value = parseFloat(result(_string)[0]) / parseFloat(result(_string)[1]); 
 input.name = "type" 
      } 
      break; 
    } 
 
  } 
}

以上所述就是本文的全部内容了，希望大家能够喜欢。