You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

99 lines
3.4 KiB

11 months ago
11 months ago
11 months ago
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Calculatrice</title>
  6. <!-- Du CSS comme on l'aime -->
  7. <link rel="stylesheet" href="style.css">
  8. </head>
  9. <body>
  10. <form>
  11. sdfgsdgdfg
  12. <!--
  13. Calculatrice au sein d'un tableau
  14. pour facilité la mise en forme
  15. -->
  16. <table id="calculatrice">
  17. <tr>
  18. <td colspan="4">
  19. <!-- Résulat des opérations -->
  20. <input type="text" id="resultat" disabled="disabled" />
  21. </td>
  22. </tr>
  23. <tr>
  24. <td colspan="4">
  25. <!-- Elements saisies nécessaires à l'opération -->
  26. <input type="text" id="saisie" disabled="disabled"/>
  27. </td>
  28. </tr>
  29. <!-- Boutons de la calculatrice -->
  30. <tr>
  31. <td>
  32. <input type="button" value="7" />
  33. </td>
  34. <td>
  35. <input type="button" value="8" />
  36. </td>
  37. <td>
  38. <input type="button" value="9" />
  39. </td>
  40. <td>
  41. <!-- Touche d'opération (diviser) -->
  42. <input type="button" class="calcul" value="/" />
  43. </td>
  44. </tr>
  45. <tr>
  46. <td>
  47. <input type="button" value="4" />
  48. </td>
  49. <td>
  50. <input type="button" value="5" />
  51. </td>
  52. <td>
  53. <input type="button" value="6" />
  54. </td>
  55. <td>
  56. <!-- Touche d'opération (multiplier) -->
  57. <input type="button" class="calcul" value="*" />
  58. </td>
  59. </tr>
  60. <tr>
  61. <td>
  62. <input type="button" value="1" />
  63. </td>
  64. <td>
  65. <input type="button" value="2" />
  66. </td>
  67. <td>
  68. <input type="button" value="3" />
  69. </td>
  70. <td>
  71. <!-- Touche d'opération (soustraire) -->
  72. <input type="button" class="calcul" value="-" />
  73. </td>
  74. </tr>
  75. <tr>
  76. <td>
  77. <input type="button" value="0" />
  78. </td>
  79. <td>
  80. <!-- Touche d'opération (additionner) -->
  81. <input type="button" value="+" />
  82. </td>
  83. <td>
  84. <!-- Touche d'opération (résultat) -->
  85. <input type="button" value="=" />
  86. </td>
  87. <td>
  88. <!-- Touche pour RAZ saisie (merci l'élement "form") -->
  89. <input type="reset" value="c" />
  90. </td>
  91. </tr>
  92. </table>
  93. </form>
  94. <!-- Appel vers script JS en fin de chargement DOM -->
  95. <script src="script.js"></script>
  96. </body>
  97. </html>