用原生JS写微程序

(1)简易ATM

 /*   步骤构思:1、向用户打印目录
               2、变量储存100块剩钱
               3、变量储存=存钱:输入钱数加先前存钱数, 弹出显示余额提示框
               4、变量储存=取钱:现有减去取钱数,弹出显示余额提示框
               5、余额:弹出显示余额提示框
               6、退出:弹出退出确认提示框    */

var select = prompt('请输入您要的操作:' + '\n' + '1.存钱' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出')
var balance = 100
switch (true) {
    case select == 1:
        var money = parseFloat(prompt('请您输入要存入的金额:'));
        var over = balance + money;
        alert('存款成功,当前余额:' + over);
        break;
    case select == 2:
        var money = parseFloat(prompt('请您输入要取出的金额:'));
        var over = balance - money;
        alert('取款成功,当前余额:' + over);
        break;
    case select == 3:
        alert('您的账户当前余额为:' + balance);
    case select == 4:
        alert('您真的要退出嘛?')
        alert('退出系统成功!')
        break
    default:
        alert('输入有误,无法识别!')
}

(2)简易计算器

/*   步骤构思:1、向用户打印目录
              2、变量储存=用户输入目录选项
              3、变量储存=输入第一个数据
              4、变量存储=输入第二个数据
              5、对应选项,执行运算
              6、向用户打印输出   */

function computer() {
    var select = prompt('欢迎使用简易计算器!!!' + '\n' +
        '1.加法运算' + '\n' +
        '2.减法运算' + '\n' +
        '3.乘法运算' + '\n' +
        '4.除法运算' + '\n' +
        '5.退出' + '\n' +
        '请输入您的选项:')
    if (select == 1) {
        var selectOne = parseFloat(prompt('请输入第一个数据:'))
        var selectTwo = parseFloat(prompt('请输入第二个数据:'))
        result = selectOne + selectTwo;
    } else if (select == 2) {
        var selectOne = parseFloat(prompt('请输入第一个数据:'))
        var selectTwo = parseFloat(prompt('请输入第二个数据:'))
        result = selectOne - selectTwo;
    } else if (select == 3) {
        var selectOne = parseFloat(prompt('请输入第一个数据:'))
        var selectTwo = parseFloat(prompt('请输入第二个数据:'))
        result = selectOne * selectTwo;
    } else if (select == 4) {
        var selectOne = parseFloat(prompt('请输入第一个数据:'))
        var selectTwo = parseFloat(prompt('请输入第二个数据:'))
        result = selectOne / selectTwo;
    } else {
        alert('我这么可爱,你真的要退出嘛?');
        window.close();
    }
    alert('运算结果为:' + result);
}
computer()

题源©http://www.itheima.com/

(0)

相关推荐

  • 用原生JS写根据时间显示问候语

    步骤构思 1)需要用到日期内置对象, 2)获取系统小时, 3)利用多分支语句来判断, 4)修改元素内容的相应显示问候语. <div style="color:deeppink;font ...

  • 用原生JS写冒泡排序及动画演示

    法一(自定义函数) 请点击:冒泡排序动画演示(遍历多少行.每行交换多少次) /*步骤构思: 1.声明命名函数(形参数组) 2.for设置外循环, 控制遍历多少趟 3.for设置内循环, 控制遍历交换多 ...

  • [js] 第113天 用js写一个事件侦听器的方法

    今日试题: 用js写一个事件侦听器的方法 此开源项目四大宗旨:勤思考,多动手,善总结,能坚持 <论语>,曾子曰:"吾日三省吾身"(我每天多次反省自己). 前端面试每日3 ...

  • [js] 第94天 用js写出死循环的方法有哪些?

    今日试题: 用js写出死循环的方法有哪些? 此开源项目四大宗旨:勤思考,多动手,善总结,能坚持 <论语>,曾子曰:"吾日三省吾身"(我每天多次反省自己). 前端面试每日 ...

  • 用原生JS代码实现的一个图文并茂的随机点名小应用

    用原生JS代码实现的一个图文并茂的随机点名小应用

  • 居然可以用 js 写 PPT?

    居然可以用 js 写 PPT 用powerpoint或者keynote写演示文稿,对于代码.数学公式等的支持一直是个痛点.而且对于前端同学来说,一身的css功力用不上也是个痛点.对于使用markdow ...

  • 用js写一个简易计算器

    要求 1.实现最基本的+ - * / %运算,样式不做要求. 2.有一个[清除]按钮,清除所有输入 有几个地方需要注意: 如何获取输入框的内容? //用H5的方法获取元素内容 var n1 = doc ...

  • 原生js把数据循遍历到前端table

    用前端框架去给表格赋值简直不要太容易和简单.但是原生js就会复杂一些了.特别是按钮事件的那个(" )和 (')特别让人脑瓜子疼. 最近做了一个功能,里面用的就是原生js实现. 写在js里面的 ...

  • 原生JS内置对象的字符串操作习题

    (一)获取字符串长度 console.log(str.length); // 33 (二)取出指定位置的字符,如:0,3,5,9等 console.log(str[0], str[3], str[5] ...