网页计算器简单实现加减乘除功能_html-js-css

概述<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=ed

<!DOCTYPE HTML><HTML lang="en"><head>    <Meta charset="UTF-8">    <Meta name="vIEwport" content="wIDth=device-wIDth,initial-scale=1.0">    <Meta http-equiv="X-UA-Compatible" content="IE=edge">    <Title>网页计算器</Title></head><body>    <p>整数1：<input type="text" ID="num1"></p>    <p>整数2：<input type="text" ID="num2"></p>    <p>        <input type="button" value="相加" onclick="calc(add)">        <input type="button" value="相减" onclick="calc(sub)">        <input type="button" value="相乘" onclick="calc(mul)">        <input type="button" value="相除" onclick="calc(div)">    </p>    <p>结果：<input type="text" ID="result" Readonly></p>    </body></HTML><script>        function calc(func){            var result = document.getElementByID(‘result‘);            var num1 = parseInt(document.getElementByID(‘num1‘).value);            var num2 = parseInt(document.getElementByID(‘num2‘).value);            if(isNaN(num1) || isNaN(num2)){                alert(‘请输入数字‘);                return false;            }            result.value = func(num1,num2);        }        function add(num1,num2){            return num1+num2;        }        function sub(num1,num2){            return num1-num2;        }        function mul(num1,num2){            return num1*num2;        }        function div(num1,num2){            if(num2===0){                alert(‘除数不能为零‘);                return ‘‘;            }            return num1/num2;        }    </script>@H_419_8@                             	          总结       以上是内存溢出为你收集整理的网页计算器简单实现加减乘除功能全部内容，希望文章能够帮你解决网页计算器简单实现加减乘除功能所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。					
										


					
						欢迎分享，转载请注明来源：内存溢出
原文地址: http://outofmemory.cn/web/1065915.html

网页计算器简单实现加减乘除功能

发表评论

评论列表（0条）