zoukankan      html  css  js  c++  java
  • Day1.8 项目:计算器

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>计算器</title>
    <script src="../lib/js/vue.js"></script>
    </head>
    <body>
    <div id="app">
    <input type="text" v-model="num1">
    <select v-model="opt">
    <option value="+">+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
    </select>
    <input type="text" v-model="num2">
    <input type="button" value="=" @click="count">
    <input type="text" v-model="result">
    </div>
    <script>
    const vm = new Vue({
    el:'#app',
    data:{
    num1:0,
    num2:0,
    result:0,
    opt:'-'
    },
    methods:{
    count(){
    // alert('11')
    switch (this.opt) {
    case "+":
    this.result = parseInt(this.num1) + parseInt(this.num2);
    break;
    case "-":
    this.result = parseInt(this.num1) - parseInt(this.num2);
    break;
    case "*":
    this.result = parseInt(this.num1)* parseInt(this.num2);
    break;
    case "/":
    this.result = parseInt(this.num1) / parseInt(this.num2);
    break;
    }
    }
    }
    })
    </script>
    </body>
    </html>
  • 相关阅读:
    权限管理
    Linux常用命令
    SSM的开发步骤分析
    03每日课后作业面试题汇总
    Redis常用命令
    大觅网07day
    消息队列面试题
    bzoj 3745: [Coci2015]Norma
    Codeforces 343E Pumping Stations
    UOJ #236. 【IOI2016】railroad
  • 原文地址:https://www.cnblogs.com/zhaohui-116/p/12007263.html
Copyright © 2011-2022 走看看