javascript实现计算器

追逐梦想之路_随笔

已于 2023-10-30 15:00:13 修改

阅读量414

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript实战篇文章标签： js实现简单计算器使用初学者

于 2019-01-12 18:32:53 首次发布

本文链接：https://blog.youkuaiyun.com/qq_44472790/article/details/86369848

javaScript实战篇专栏收录该内容

49 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript创建的简易计算器。该计算器能够进行基本的加、减、乘、除运算，适合初学者学习。代码简洁，易于理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


// html部分
 <input type='text' id='txt1' /> 
   <select id='select'>  
		<option value="+">+</option>
		<option value="-">-</option>
		<option value="*">*</option>
		<option value="/">/</option>
   </select>
   <input type='text' id='txt2' /> 
   <input type='button' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数，得到结果--> 
   <input type='text' id='fruit' />  


// js脚本部分

<script>
function count(){
	var a =parseInt(document.getElementById("txt1").value);
	var b =parseInt(document.getElementById("txt2").value);
	var select =document.getElementById("select").value;
	
	var result ="";
	switch(select){
		case "+" : result = a+b;break;
		case "-" : result = a-b;break;
		case "*" : result = a*b;break;
		case "/" : result = a/b;break;
			}
	document.getElementById("fruit").value = result;
}
</script>

适用于初学者，代码简单，如有问题请下方留言，谢谢