js计算器代码怎么写,通过弹窗显示

JavaScript012

js计算器代码怎么写,通过弹窗显示,第1张

js计算器代码,通过弹窗显示步骤如下。

1、js计算器代码编写html,实现计算器页面视图效果。

2、js计算器代码编写,实现点击输入数字和符号输出结果。

3、js计算器代码创建click1函数,判断flag的值,如果是true就定位到第一个输入框,如果是false就定位到第二个输入框,将点击传过来的值与输入框里面的字符串拼接到一起。

4、js计算器代码定义result函数,定位到两个输入框,取出其中的值并转成整数,定位到隐藏输入框,取出里面的符号,然后判断是什么符号,进行相应的运算,弹出运算结果。

<script type="text/javascript">

$(function(){

  $('#demo1').on('click', function(){

webToast("恭喜您,修改成功恭喜您,修改成功恭喜您修改成功恭喜您","middle",3000)

  })

  $('#demo2').on('click', function(){

popTipShow.alert('弹窗标题','自定义弹窗内容,居左对齐显示,告知需要确认的信息等', ['知道了'],

function(e){

  //callback 处理按钮事件  

  var button = $(e.target).attr('class')

  if(button == 'ok'){

//按下确定按钮执行的操作

//todo ....

this.hide()

  }

}

)

  })

  $('#demo3').on('click', function(){

popTipShow.confirm('弹窗标题','自定义弹窗内容,居左对齐显示,告知需要确认的信息等',['确 定','取 消'],

function(e){

  //callback 处理按钮事件

  var button = $(e.target).attr('class')

  if(button == 'ok'){

//按下确定按钮执行的操作

//todo ....

this.hide()

setTimeout(function() {

webToast("操作成功","top", 2000)

}, 300)

  }

  if(button == 'cancel') {

//按下取消按钮执行的操作

//todo ....

this.hide()

setTimeout(function() {

webToast("您选择“取消”了","bottom", 2000)

}, 300)

  }

}

)

  })

  $('#demo4').on('click', function(){

var html = "<label>姓名:<input class='confirm_input' placeholder='请输入'></label>"

popTipShow.confirm('弹窗标题',html,['确 定','取 消'],

function(e){

  //callback 处理按钮事件

  var button = $(e.target).attr('class')

  if(button == 'ok'){

if(null==$(".confirm_input").val() || ""==$(".confirm_input").val()){

webToast("姓名不能为空!","bottom", 3000)

return

}

this.hide()

setTimeout(function() {

webToast($(".confirm_input").val(),"bottom", 3000)

}, 300)

//按下确定按钮执行的操作

//todo ....

  }

  if(button == 'cancel') {

//按下取消按钮执行的操作

//todo ....

this.hide()

setTimeout(function() {

webToast("您选择“取消”了","top", 2000)

}, 300)

  }

}

)

  })

})

</script>