简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home> List of blog posts> PHP:使用定界符输出九格宫表格,颜色各异,每个小格子宽高50px ,用php实现具有简单功能的计算器
Blogger Information
Blog 70
fans 4
comment 5
visits 103794
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
PHP:使用定界符输出九格宫表格,颜色各异,每个小格子宽高50px ,用php实现具有简单功能的计算器
JiaJieChen
Original
840 people have browsed it

PHP:使用定界符输出九格宫表格,颜色各异,每个小格子宽高50px 用php实现具有简单功能的计算器

一.使用定界符输出九格宫表格,颜色各异,每个小格子宽高50px

代码块

       
    
        
  1. php
    2. 
        
  2. //输出颜色不一样的九宫格
    3. 
        
  3. //随机颜色
    4. 
        
  4. for($i=0;$i<3;$i++){
    5. 
        
  5. $td="";
    6. 
        
  6. for($a=0;$a<3;$a++){
    7. 
        
  7. $r=mt_rand(0,255);
    8. 
        
  8. $g=mt_rand(0,255);
    9. 
        
  9. $b=mt_rand(0,255);
    10. 
        
    11. 
        
  11. $td.=<<<td
    12. 
        
  12. <td style='background-color:rgb($r,$g,$b);'>td>
    13. 
        
  13. td;
    14. 
        
  14. }
    15. 
        
    16. 
        
    17. 
        
  17. $tr.=<<<tr
    18. 
        
    19. 
        
  19. $td
    20. 
        
  20. tr>
    21. 
        
    22. 
        
  22. tr;
    23. 
        
  23. }
    24. 
        
    25. 
        
  25. echo<<<table
    26. 
        
  26. <table border="1"cellspacing="0"width="150"height="150">
    27. 
        
  27. $tr
    28. 
        
  28. table>
    29. 
        
  29. table;
    30.

二.用php实现具有简单功能的计算器

代码块

       
    
        
    2. 
        
  2. lang="en">
    3. 
        
    4. 
        
  4. charset="UTF-8">
    5. 
        
  5. http-equiv="X-UA-Compatible"content="IE=edge">
    6. 
        
  6. name="viewport"content="width=device-width, initial-scale=1.0">
    7. 
        
  7. </span><span class="pln">简单计算器</span><span class="tag">
    8. 
        
    9. 
        
  9. 

    10. 
        
    11. 
        
  11. php
    12. 
        
  12. //判断用户是否点击了计算按钮
    13. 
        
  13. if(isset($_POST['submit'])){
    14. 
        
  14. //判断用户除数不能为0
    15. 
        
  15. if($_POST['option']=='/'&&$_POST['number2']==0||$_POST['option']=='%'&&$_POST['number2']==0){
    16. 
        
  16. //设置一个变量来储存输出的字符
    17. 
        
  17. $tips='
    除数不能为0
    '    ;
    18. 
        
  18. }
    19. 
        
  19. }
    20. 
        
  20. ?>
    21. 
        
  21. class="box">
    22. 
        
  23. colspan="4">简单计算器
  24. action=""method="POST">
  32. colspan="4">
  33. php
  34. //判断 $tips 是否为0 是则输出语句 否则执行计算功能
  35. if(!$tips){
  36. switch($_POST['option']){
  37. case"+":
  38. //int 临时转换为数值类型
  39. $sum=(int)$_POST['number1']+(int)$_POST['number2'];
  40. break;
  41. case"-":
  42. $sum=(int)$_POST["number1"]-(int)$_POST['number2'];
  43. break;
  44. case"*":
  45. $sum=(int)$_POST["number1"]*(int)$_POST['number2'];
  46. break;
  47. case"/":
  48. $sum=(int)$_POST["number1"]/(int)$_POST['number2'];
  49. break;
  50. case"%":
  51. $sum=(int)$_POST["number1"]%(int)$_POST['number2'];
  52. break;
  54. }
  55. //计算结果通知到用户
  56. $tipss="计算结果: {$_POST['number1']} {$_POST['option']} {$_POST['number2']} = {$sum} ";
  57. echo"
    $tipss
    "    ;
  59. }else{
  60. echo $tips;
  61. }
  62. ?>
    67. 
        
        
        
    
        
        
  67. $_POST["number1"]?>" >
    68. 
        
    		69. 
        
        
  69. name="option">
    70. 
        
    71. 
        
    72. 
        
    73. 
        
    74. 
        
    75. 
        
    76. 
        
    77. 
        
    		78. 
        
        
  78. $_POST["number2"]?>" >
    79. 
        
    		80. 
        
        
  80. type="submit"name="submit"value="计算">
    81. 
        
    		82. 
        
    
        
    
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
    
        
        
    82.

    • 三.用javaScript实现具有简单功能的计算器

    代码块

           
      
        
      2. 
        
    2. lang="en">
      3. 
        
      4. 
        
    4. charset="UTF-8"/>
      5. 
        
    5. http-equiv="X-UA-Compatible"content="IE=edge"/>
      6. 
        
    6. name="viewport"content="width=device-width, initial-scale=1.0"/>
      7. 
        
    7. </span><span class="pln">计算器</span><span class="tag">
      8. 
        
    8. rel="stylesheet"href="jsq.css"/>
      9. 
        
    9. 

      10. 
        
      11. 
        
    11. class="jsq">
      12. 
        
    12. cellspacing="0";>
      13. 
        
      14. 
        
    14. colspan="4">计算器
      15. 
        
      16. 
        
    16. colspan="4">
      17. 
        
    17. for="">type="text"value=""/>
      18. 
        
      19. 
        
      20. 
        
      21. 
        
      22. 
        
      23. 
        
      24. 
        
    24. for="">value="7">7
      25. 
        
      26. 
        
      27. 
        
    27. for="">value="8">8
      28. 
        
      29. 
        
      30. 
        
    30. for="">value="9">9
      31. 
        
      32. 
        
      33. 
        
    33. for="">value="/"class="devide">/
      34. 
        
      35. 
        
      36. 
        
      37. 
        
      38. 
        
    38. for="">value="4">4
      39. 
        
      40. 
        
      41. 
        
    41. for="">value="5">5
      42. 
        
      43. 
        
      44. 
        
    44. for="">value="6">6
      45. 
        
      46. 
        
      47. 
        
    47. for="">value="*"class="take">*
      48. 
        
      49. 
        
      50. 
        
      51. 
        
      52. 
        
    52. for="">value="1">1
      53. 
        
      54. 
        
      55. 
        
    55. for="">value="2">2
      56. 
        
      57. 
        
      58. 
        
    58. for="">value="3">3
      59. 
        
      60. 
        
      61. 
        
    61. for="">value="-"class="minus">-
      62. 
        
      63. 
        
      64. 
        
      65. 
        
      66. 
        
      67. 
        
      68. 
        
    68. for="">value="0">0
      69. 
        
      70. 
        
      71. 
        
    71. for="">value=".">.
      72. 
        
      73. 
        
      74. 
        
    74. for="">value=""class="sum">=
      75. 
        
      76. 
        
      77. 
        
    77. for="">value="+"class="add">+
      78. 
        
      79. 
        
      80. 
        
      81. 
        
    81. colspan="4">
      82. 
        
    82. for=""
      83. 
        
    83. >style="width:250px"type="reset"class="reset">
      84. 
        
    84. 重置
      85. 
        
      86. 
        
    86. >
      87. 
        
      88. 
        
      89. 
        
      90. 
        
      91.

    • 单击->进入计算器模拟测试

    http://www.zwzgjl.com/error/jsq/jsq.html

    Correcting teacher：灭绝师太灭绝师太

    Correction status：qualified

    Teacher's comments：买个小服务器做测试还是不错的~
    Statement of this Website
    The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
    All comments Speak rationally on civilized internet, please comply withNews Comment Service Agreement
    0 comments
    Author's latest blog post
    About us Disclaimer Sitemap
    php.cn：Public welfare online PHP training，Help PHP learners grow quickly！