练习计算器

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>计算器</title>

<script type="text/javascript">

window.onload = function(){

var in01 = document.getElementById('input01')

var in02 = document.getElementById('input02')

var sel = document.getElementById('select')

var bu = document.getElementById('btn')

var a1 = Number(in01.value)

bu.onclick =function(){

if(sel.value == '0'){

var result = Number(in01.value) +Number(in02.value);

alert(result);

}

else if(sel.value == '1'){

var result = Number(in01.value) - Number(in02.value);

alert(result);

}

else if(sel.value == '2'){

var result = Number(in01.value) * Number(in02.value);

alert(result);

}

else if(sel.value == '3'){

var result = Number(in01.value) / Number(in02.value);

alert(result);

}

}

}

</script>

</head>

<body>

<h1>计算器</h1>

<input type="text" name="" id="input01" />

<select id="select">

<option value="0">+</option>

<option value="1">-</option>

<option value="2">*</option>

<option value="3">/</option>

</lect>

<input type="text" name="" id="input02" />

<input type="button" name="" value="计算" id="btn" onclick="javascript:button-onclick();"/>

</body>

</ml>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 6,182评论 0 2
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,554评论 1 10
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,403评论 2 17
  • 源站:http://fengyuanchen.github.io/viewer/ 应用: html: 源码上是正常...
    羊绘霖阅读 10,889评论 0 2
  • 100个常用的javascript函数 1、原生JavaScript实现字符串长度截取 复制代码代码如下: fun...
    老头子_d0ec阅读 2,870评论 0 0

友情链接更多精彩内容