第一范文网 - 专业文章范例文档资料分享平台

html js实现简单的计算器代码(加减乘除)

来源:用户分享 时间:2025/5/18 16:17:20 本文由loading 分享 下载这篇文档手机版
说明:文章内容仅供预览,部分内容可能不全,需要完整文档或者需要复制内容,请下载word后使用。下载word有问题请添加微信号:xxxxxxx或QQ:xxxxxx 处理(尽可能给您提供完整文档),感谢您的支持与谅解。

下面小编就为大家带来一篇html+js实现简单的计算器代码(加减乘除)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。 html+js实现简单的计算器代码(加减乘除) <!DOCTYPE html> <html> <head>

<meta http-equiv=\ <title></title> </head> <body> <table>   <tr>

   <td><input type=\value=\  onclick=\'add');\

   <td><input type=\value=\onclick=\'miner');\

   <td><input type=\value=\onclick=\'times');\

   <td><input type=\value=\onclick=\'divide');\   </tr> </table>

<table id=\    <tr>

    <td> <input id=\type=\style=\value=\name=\

    <td> <lable id=\

    <td> <input id=\type=\style=\value=\name=\

    <td> <input id=\type=\value=\onclick=\

    <td> <lable id=\   </tr> </table>

<script type=\   function setOp(op, opTips)   {

    var tb=document.getElementById(\     tb.style.display = \

    document.getElementById(\     document.getElementById(\     document.getElementById(\

    document.getElementById(\     document.getElementById(\     tb.style.display = \   }

  function calc()   {

    var x = parseInt(document.getElementById(\     var y = parseInt(document.getElementById(\     var op = document.getElementById(\     var z = \     switch(op)     {

      case '+':

        z = x + y;         break;       case '-':

        z = x - y;         break;       case '*': ;

        z = x * y;         break;       case '/': ;

        z = x / y;         break;       default:

        z = '';     }

    console.log(x, op, y, '=', z);

    document.getElementById(\   }

</script> </body> </html>

以上这篇html+js实现简单的计算器代码(加减乘除)就是小编分享给大家的全部内容了,

希望能给大家一个参考

html js实现简单的计算器代码(加减乘除).doc 将本文的Word文档下载到电脑,方便复制、编辑、收藏和打印
本文链接:https://www.diyifanwen.net/c8mdfm7kk643ibqw7s1xb7s7tu43ow500tnv_1.html(转载请注明文章来源)
热门推荐
Copyright © 2012-2023 第一范文网 版权所有 免责声明 | 联系我们
声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
客服QQ:xxxxxx 邮箱:xxxxxx@qq.com
渝ICP备2023013149号
Top