收藏
PHPz批改状态：合格
老师批语：放上效果图更加好
html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>简单计算器</title><style type="text/css">input{width: 100px;font-size: 20px;}select,span{font-size: 20px;}</style></head><body><div><input type="text" name="" id="num1" value="" /><select name="运算符号" id="yunsuanf"><option value="+">+</option><option value="-">-</option><option value="*">*</option><option value="÷">/</option></select><input type="number" id="num2" value=""/><span>=</span><input type="number" id="dd3" value="" placeholder="显示结果" disabled="disabled" /><button type="button" onclick="jisuan()">点击计算</button><br><br><!-- <div id="dd3">计算的结果是:</div> --></div><script >function jisuan() {var dd1=document.getElementById('num1').valueddd1=parseFloat(dd1)// parseFloat 是解析字符串并返回浮点数。指定字符串中的第一个字符是否为数字。如果是，它会解析字符串直到到达数字的末尾，并将数字作为数字而不是字符串返回。只返回字符串中的第一个数字！如果第一个字符不能转换为数字，parseFloat() 返回 NaN。使用isNaN(numValue)判断，如果值是 NaN， 那么 isNaN 函数返回 true ，否则返回 falsevar dd2=document.getElementById('num2').valueddd2=parseFloat(dd2)var jieguo=document.getElementById('dd3')var ysf= document.getElementById('yunsuanf').valueif (isNaN(ddd1)){alert('请输入纯数字')} elseif(ysf=='+'){jieguo.value=ddd1+ddd2}else if(ysf=='-'){jieguo.value=ddd1-ddd2}else if(ysf=='*'){jieguo.value=ddd1*ddd2}else {jieguo.value=ddd1/ddd2}}</script></body></html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
