math.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport"
  6. content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8. <title>Document</title>
  9. </head>
  10. <body>
  11. <style type="text/css">
  12. .container {
  13. text-align: center;
  14. margin-top: 20%;
  15. background-color: coral;
  16. width: 400px;
  17. margin-right: auto;
  18. margin-left: auto;
  19. border-radius: 20%;
  20. padding: 1%;
  21. }
  22. </style>
  23. <div class="container">
  24. <div id="example"></div>
  25. <br>
  26. <select id="value_int" name="value">
  27. <option value="0">квадрат суми</option>
  28. <option value="1">квадрат різниці</option>
  29. <option value="2">різницю квадратів</option>
  30. <option value="3">сума кубів</option>
  31. <option value="4">різниця кубів</option>
  32. </select>
  33. <br>
  34. <p>Залишилось: <span id="timer">25</span></p>
  35. <br>
  36. <button onclick="check()" type="submit">Продовжити</button>
  37. <br><br>
  38. </div>
  39. <script type="text/javascript" src="main.js"></script>
  40. </body>
  41. </html>