基于Vue.js科学型计算器实用工具

所属分类: 网页特效-实用工具    2024-12-06 03:35:56

基于Vue.js科学型计算器实用工具 ie兼容6
 查看演示  登录后下载 温馨提示
登录会员即可享受免费下载
 我要建站

基于Vue.js科学型计算器实用工具(共5个文件)

    • index.html

使用方法

'use strict';

var app = new Vue({
  el: '#app',
  data: function data() {
    return {
      current: '',
      changeMode: true
    };
  },

  methods: {
    press: function press(event) {
      var me = this;
      var key = event.target.textContent;

      if (key != '=' && key != 'C' && key != '*' && key != '/' && key != '√' && key != "x ²" && key != "%" && key != "<=" && key != "±" && key != "sin" && key != "cos" && key != "tan" && key != "log" && key != "ln" && key != "x^" && key != "x !" && key != "π" && key != "e" && key != "rad" && key != "∘") {
        me.current += key;
      } else if (key === '=') {

        if (me.current.indexOf('^') > -1) {
          var base = me.current.slice(0, me.current.indexOf('^'));
          var exponent = me.current.slice(me.current.indexOf('^') + 1);
          me.current = eval('Math.pow(' + base + ',' + exponent + ')');
        } else {
          me.current = eval(me.current);
        }
      } else if (key === 'C') {

        me.current = '';
      } else if (key === '*') {

        me.current += '*';
      } else if (key === '/') {

        me.current += '/';
      } else if (key === '+') {

        me.current += '+';
      } else if (key === '-') {

        me.current += '-';
      } else if (key === '±') {

        if (me.current.charAt(0) === '-') {
          me.current = me.current.slice(1);
        } else {
          me.current = '-' + me.current;
        }
      } else if (key === '<=') {

        me.current = me.current.substring(0, me.current.length - 1);
      } else if (key === '%') {

        me.current = me.current / 100;
      } else if (key === 'π') {

        me.current = me.current * Math.PI;
      } else if (key === 'x ²') {

        me.current = eval(me.current * me.current);
      } else if (key === '√') {

        me.current = Math.sqrt(me.current);
      } else if (key === 'sin') {

        me.current = Math.sin(me.current);
      } else if (key === 'cos') {

        me.current = Math.cos(me.current);
      } else if (key === 'tan') {

        me.current = Math.tan(me.current);
      } else if (key === 'log') {

        me.current = Math.log10(me.current);
      } else if (key === 'ln') {

        me.current = Math.log(me.current);
      } else if (key === 'x^') {

        me.current += '^';
      } else if (key === 'x !') {

        var number = 1;
        if (me.current === 0) {
          me.current = '1';
        } else if (me.current < 0) {
          me.current = NaN;
        } else {
          var _number = 1;
          for (var i = me.current; i > 0; i--) {
            _number *= i;
          }
          me.current = _number;
        }
      } else if (key === 'e') {

        me.current = Math.exp(me.current);
      } else if (key === 'rad') {

        me.current = me.current * (Math.PI / 180);
      } else if (key === '∘') {

        me.current = me.current * (180 / Math.PI);
      }
    },
    changeModeEvent: function changeModeEvent() {
      var me = this;
      me.changeMode = !me.changeMode;
    }
  }
});

站长提示:
1. 苦力吧素材官方QQ群:950875342
2. 平台上所有素材资源,需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题,每次奖励2K币
4. PHP源码类素材,如需协助安装调试,或你有二次开发需求,可联系苦力吧客服。
5. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服
相关资源 / 实用工具

jquery支持鼠标滚轮旋转拖拽调整大小的DIV元素插件

一款多功能旋转拖拽调整大小DIV元素插件,鼠标悬停于区块内,滚动滚轮可触发360度旋转,还支持调整大小和拖放。
  实用工具
 6350  0

jquery通过AJAX请求延迟执行函数插件

一款轻量级延迟执行函数插件,可通过AJAX动态请求自定义时间后要执行的函数。
  实用工具
 3206  0

基于html2canvas将html导出为图片或PDF文件

这是一款超级实用的转换工具插件,可将html内容导出为PDF文件。
  实用工具
 989  0

javascript在线生成带有姓名首字母的头像图片

核心就是将名字和姓氏的首字母生成一张图片。用户可自定义输入文本文字,点击生成图片按钮,即可生成图片头像。
  实用工具
 1626  0

评论数(0) 回复有机会获得K币 用户协议

^_^ 还没有人评论,快来抢个沙发!
😀
  • 😀
  • 😊
  • 😂
  • 😍
  • 😑
  • 😷
  • 😵
  • 😛
  • 😣
  • 😱
  • 😋
  • 😎
  • 😵
  • 😕
  • 😶
  • 😚
  • 😜
  • 😭
发表评论