index.html 893 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>Document</title>
  7. <style>
  8. body {
  9. padding: 10px;
  10. }
  11. table td {
  12. border: 1px solid black;
  13. padding: 20px;
  14. width: 20px;
  15. text-align: center;
  16. font-size: 20px;
  17. cursor: pointer;
  18. }
  19. input {
  20. width: 100%;
  21. height: 40px;
  22. margin: 3px 0;
  23. font-size: 30px;
  24. }
  25. #calc {
  26. width: calc(100% + 4px);
  27. text-transform: uppercase;
  28. }
  29. </style>
  30. </head>
  31. <body>
  32. <input type="number" id="number1" /> <br />
  33. <input type="number" id="number2" /> <br />
  34. <input type="number" id="result" /> <br />
  35. <input type="button" id="calc" value="calc"/>
  36. <script src="js.js"></script>
  37. </body>
  38. </html>