js 简单计算器

最新推荐文章于 2024-07-02 15:31:55 发布

水中熊

最新推荐文章于 2024-07-02 15:31:55 发布

阅读量477

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： js 简单计算器

本文链接：https://blog.youkuaiyun.com/gmd_web/article/details/47100543

javascript 专栏收录该内容

31 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript实现一个基本的计算器功能，包括输入、运算符选择和结果显示。

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

<!DOCTYPE html>
<html>
 <head>
  <title>简单计算器</title>  
  <script type="text/javascript">
   function count(){
        var t1=document.getElementById("txt1").value;
    //获取第一个输入框的值
        var t2=document.getElementById("txt2").value;
	//获取第二个输入框的值
        var c=document.getElementById("select").value;
        var s=0;//声明结果变量
	//获取选择框的值
    switch(c){
        case "+":
            s=parseFloat(t1)+parseFloat(t2);
            break;
        case "-":
            s=(parseFloat(t1*100)-parseFloat(t2*100))/100;
            break;
        case "*":
            s=parseFloat(t1)*parseFloat(t2);
            break;
        case "/":
            s=parseFloat(t1)/parseFloat(t2);
            break;
    }
	//获取通过下拉框来选择的值来改变加减乘除的运算法则
    document.getElementById("fruit").value=s;
    //设置结果输入框的值 
   }
  </script> 
 </head> 
 <body>
   <input type='text' id='txt1' /> 
   <select id='select' onchange="count()">
		<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' />   
 </body>
</html>