吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 733|回复: 5
收起左侧

[求助] 求补全代码(网页类),简易计算器

[复制链接]
幻之律 发表于 2022-12-20 08:58
本帖最后由 幻之律 于 2022-12-20 09:07 编辑

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <style  type="text/css">
                          table
                          {
                            border-collapse:collapse;
                                background-color:#a6a6d4;
                                width:500px;
                           }
                   .result
                           {
                             border:solid 1px #999999;
                                 color:#FF0033;
                                 font-family:Arial, Helvetica, sans-serif;
                                 font-size:16px;
                                 height:25px;
                           }
                </style>
                <script type="text/javascript">
                        function add()
                        {
                        var a=document.getElementById("txtNum1").value;
                        var b=document.getElementById("txtNum2").value;
                        document.getElementById("txtResult").value=1234;
                        }
       
                       
                </script>
        </head>
        <body>
                <form name="myform">
                <table border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                            <td height="28" colspan="2" align="left" bgcolor="#1191FF" ></td>   
                          </tr>
                          <tr>
                            <td height="43" colspan="2" align="center" bgcolor="#1191FF" > <h2>简易计算器</h2></td>   
                          </tr>
                          <tr>
                            <td height="35" align="right">数值1:</td>
                            <td><input id="txtNum1" type="text" /></td>
                          </tr>
                          <tr>
                            <td  height="35" align="right">数值2:</td>
                            <td><input id="txtNum2" type="text" /></td>
                          </tr>
                          <tr>
                            <td align="center"  colspan="2"  height="35">
        &nbsp;<input name="btnAdd" type="button" value=" + " onclick="add()" />&nbsp;
                                <input name="btnSub" type="button" value=" - " onclick=""/>&nbsp;
                                <input name="btnMul" type="button" value=" * " onclick=""/>&nbsp;
                                <input name="btnDiv" type="button" value=" ÷ " onclick=""/>&nbsp;
                                </td>   
                          </tr>
                          <tr>
                            <td  height="50" align="right">计算结果:</td>
                            <td><input id="txtResult" type="text" class="result"  /></td>
                          </tr>
                           <tr>
                            <td colspan="2"  height="25" bgcolor="#1191FF">
        &nbsp;&nbsp;
                                </td>   
                          </tr>
        </table>
        </form>

        </body>
</html>

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

灿烂的小居 发表于 2022-12-20 11:07
[HTML] 纯文本查看 复制代码
<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <style  type="text/css">
                          table
                          {
                            border-collapse:collapse;
                                background-color:#a6a6d4;
                                width:500px;
                           }
                   .result
                           {
                             border:solid 1px #999999;
                                 color:#FF0033;
                                 font-family:Arial, Helvetica, sans-serif;
                                 font-size:16px;
                                 height:25px;
                           }
                </style>
                <script type="text/javascript">
                        function add()
                        {
                        var a=document.getElementById("txtNum1").value;
                        var b=document.getElementById("txtNum2").value;
                        document.getElementById("txtResult").value=parseInt(a)+parseInt(b);
                        }
                        function sub()
                        {
                        var a=document.getElementById("txtNum1").value;
                        var b=document.getElementById("txtNum2").value;
                        document.getElementById("txtResult").value=parseInt(a)-parseInt(b);
                        }
                        function mul()
                        {
                        var a=document.getElementById("txtNum1").value;
                        var b=document.getElementById("txtNum2").value;
                        document.getElementById("txtResult").value=parseInt(a)*parseInt(b);
                        }
                        function div()
                        {
                        var a=document.getElementById("txtNum1").value;
                        var b=document.getElementById("txtNum2").value;
                        document.getElementById("txtResult").value=parseInt(a)/parseInt(b);
                        }
                       
                </script>
        </head>
        <body>
                <form name="myform">
                <table border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                            <td height="28" colspan="2" align="left" bgcolor="#1191FF" ></td>   
                          </tr>
                          <tr>
                            <td height="43" colspan="2" align="center" bgcolor="#1191FF" > <h2>简易计算器</h2></td>   
                          </tr>
                          <tr>
                            <td height="35" align="right">数值1:</td>
                            <td><input id="txtNum1" type="text" /></td>
                          </tr>
                          <tr>
                            <td  height="35" align="right">数值2:</td>
                            <td><input id="txtNum2" type="text" /></td>
                          </tr>
                          <tr>
                            <td align="center"  colspan="2"  height="35">
                                &nbsp;
                                <input name="btnAdd" type="button" value=" + " onclick="add()" />&nbsp;
                                <input name="btnSub" type="button" value=" - " onclick="sub()"/>&nbsp;
                                <input name="btnMul" type="button" value=" * " onclick="mul()"/>&nbsp;
                                <input name="btnDiv" type="button" value=" ÷ " onclick="div()"/>&nbsp;
                                </td>   
                          </tr>
                          <tr>
                            <td  height="50" align="right">计算结果:</td>
                            <td><input id="txtResult" type="text" class="result"  /></td>
                          </tr>
                           <tr>
                            <td colspan="2"  height="25" bgcolor="#1191FF">
        &nbsp;&nbsp;
                                </td>   
                          </tr>
        </table>
        </form>

        </body>
</html>
fugeda46 发表于 2022-12-20 12:01
[HTML] 纯文本查看 复制代码
<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <style  type="text/css">
                          table
                          {
                            border-collapse:collapse;
                                background-color:#a6a6d4;
                                width:500px;
                           }
                   .result
                           {
                             border:solid 1px #999999;
                                 color:#FF0033;
                                 font-family:Arial, Helvetica, sans-serif;
                                 font-size:16px;
                                 height:25px;
                           }
                </style>
                <script type="text/javascript">
                        function add()
                        {
                        var a=document.getElementById("txtNum1").value;
                        var b=document.getElementById("txtNum2").value;
						var result = parseFloat(a) + parseFloat(b);
                        document.getElementById("txtResult").value=result;
                        }
						function subtract() {
					    var a = document.getElementById("txtNum1").value;
					    var b = document.getElementById("txtNum2").value;
					    var result = parseFloat(a) - parseFloat(b);
					    document.getElementById("txtResult").value = result;
					    }
						function multiply() {
					    var a = document.getElementById("txtNum1").value;
					    var b = document.getElementById("txtNum2").value;
					    var result = parseFloat(a) * parseFloat(b);
					    document.getElementById("txtResult").value = result;
					   }

						function divide() {
						var a = document.getElementById("txtNum1").value;
						var b = document.getElementById("txtNum2").value;
						var result = parseFloat(a) / parseFloat(b);
						document.getElementById("txtResult").value = result;
						}
											   
                </script>
        </head>
        <body>
                <form name="myform">
                <table border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                            <td height="28" colspan="2" align="left" bgcolor="#1191FF" ></td>   
                          </tr>
                          <tr>
                            <td height="43" colspan="2" align="center" bgcolor="#1191FF" > <h2>简易计算器</h2></td>   
                          </tr>
                          <tr>
                            <td height="35" align="right">数值1:</td>
                            <td><input id="txtNum1" type="text" /></td>
                          </tr>
                          <tr>
                            <td  height="35" align="right">数值2:</td>
                            <td><input id="txtNum2" type="text" /></td>
                          </tr>
                          <tr>
                            <td align="center"  colspan="2"  height="35">
        &nbsp;<input name="btnAdd" type="button" value=" + " onclick="add()" />&nbsp;
                                <input name="btnSub" type="button" value=" - " onclick="subtract()"/>&nbsp;
                                <input name="btnMul" type="button" value=" * " onclick="multiply()"/>&nbsp;
                                <input name="btnDiv" type="button" value=" ÷ " onclick="divide()"/>&nbsp;
                                </td>   
                          </tr>
                          <tr>
                            <td  height="50" align="right">计算结果:</td>
                            <td><input id="txtResult" type="text" class="result"  /></td>
                          </tr>
                           <tr>
                            <td colspan="2"  height="25" bgcolor="#1191FF">
        &nbsp;&nbsp;
                                </td>   
                          </tr>
        </table>
        </form>

        </body>
</html>
 楼主| 幻之律 发表于 2022-12-20 12:56
tencentma 发表于 2022-12-20 14:29
简单的计算器,用这个代码基本能实现
Break12580 发表于 2022-12-20 15:29
非常基础的开发练习,感谢分享
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-11-25 04:53

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表