• 练习-计算器


    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>计算器</title>
    </head>
    <body>
    数1:<input type="text" id="num1"/><br>
    数2:<input type="text" id="num2"/><br>
    符号:
    <select id="fh">
    	<option value="+">加</option>
    	<option value="-">减</option>	
    	<option value="*">乘</option>	
    	<option value="/">除</option>	
    </select>
    <br>
    <button onclick="jisuan()">计算</button>
    <br>结果为:<input type="text" id="result" id="result"/>
    
    <script>
    //点击计算按钮时调用方法
    //方法里面找元素 计算 赋值
    
    function jisuan(){
    	var n1=+document.getElementById('num1').value,
    		n2=+document.getElementById('num2').value,
    		fh=document.getElementById('fh').value,
    		result=document.getElementById('result'),
    		jg=0;
    		
    	if(fh=='+'){
    		jg=n1+n2;
    	}
    	if(fh=='-'){
    		jg=n1-n2;
    	}
    	if(fh=='*'){
    		jg=n1*n2;
    	}
    	if(fh=='/'){
    		jg=n1/n2;
    	}
    	
    	result.value=jg;
    }
    
    </script>
    
    </body>
    </html>
    

    2

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>eval计算器</title>
    </head>
    <body>
    数1:<input type="text" id="num1"/><br>
    数2:<input type="text" id="num2"/><br>
    符号:
    <select id="fh">
    	<option value="+">加</option>
    	<option value="-">减</option>	
    	<option value="*">乘</option>	
    	<option value="/">除</option>	
    </select>
    <br>
    <button onclick="jisuan()">计算</button>
    <br>结果为:<input type="text" id="result" id="result"/>
    
    <script>
    function jisuan(){
    	var n1=+document.getElementById('num1').value,
    		n2=+document.getElementById('num2').value,
    		fh=document.getElementById('fh').value,
    		result=document.getElementById('result'),
    		jg=0;
    		
    	jg=eval(n1+fh+n2); //接收一个字符串,根据上下文自动执行
    	
    	result.value=jg;	
    }
    
    </script>
    
    </body>
    </html>
    

    eval() 函数:

    接受一个字符串参数,将这个字符串作为代码在上下文环境中执行,并返回执行的结果

    例:

    var a=123;
    alert(eval('a'));

  • 相关阅读:
    MySQL Workbench的使用教程 (初级入门版)
    优化MySQL语句的十个建议
    Openfire+Spark+Spark Web安装配置(一)
    agsxmpp官方源代码
    (转载)Oracle中删除外键约束、禁用约束、启用约束
    8.手工备份恢复备用数据库(练习10、11)
    (转载)图文推荐给开发人员非常实用的站点
    13.服务器管理恢复RMAN备份(练习20)
    9.手工备份恢复表空间时间点恢复(练习12.13.14)
    12.服务器管理恢复RMAN配置(练习19)
  • 原文地址:https://www.cnblogs.com/hzhjxx/p/9700632.html
Copyright © 2020-2023  润新知