potencial_resh.html 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <html lang="en">
  2. <head id="top">
  3. <meta charset="UTF-8">
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5. <link rel="stylesheet" href="styles/potencial.css">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>ModelMaster</title>
  8. </head>
  9. <body>
  10. <script src="potencial_resh.js"></script>
  11. <header class="header">
  12. <div class="header_content">
  13. <div class="Name_site">
  14. <p class="Name">Model <br class="Name1">
  15. Master</p>
  16. </div>
  17. <div class="hd">
  18. <div class = "login1">
  19. <a href="proverkarol.php"><div class = "login2">
  20. <p>Главная</p>
  21. </div></a>
  22. </div>
  23. <div class = "login1">
  24. <a href="account_proverka.php"><div class = "login2">
  25. <p>Аккаунт</p>
  26. </div></a>
  27. </div>
  28. </div>
  29. </div>
  30. </header>
  31. <div class="pred">
  32. <div class="pred_up">
  33. <div class = "Account">
  34. <p>Метод потенциалов помогает проверить опорный план на оптимальность</p>
  35. <input type="number" id="row" placeholder="количество строк">
  36. <input type="number" id="col" placeholder="количество столбцов">
  37. <button onclick="generate()">сгенерировать таблицу под опорный план и тарифы</button>
  38. <div class="table_ge">
  39. <div id="table_postav"></div>
  40. <div id="table_gen"></div>
  41. <div id="table_tarif"></div>
  42. </div>
  43. <a href="#" id="popup-link"><button onclick="inputtable()">вычислить</button></a>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. <div id="popup" class="popup">
  49. <div class="popup-content">
  50. <div id="otvetik"></div>
  51. <p>Результат: <span id="result"></span></p>
  52. <p><a href="potencial_resh.html"><input type = "submit" value = "Повторное решение"></a></p>
  53. </div>
  54. </div>
  55. <script>
  56. const popupLink = document.getElementById('popup-link');
  57. const popup = document.getElementById('popup');
  58. const closePopup = document.getElementById('close-popup');
  59. popupLink.addEventListener('click', function(event) {
  60. event.preventDefault();
  61. popup.style.display = 'block';
  62. });
  63. closePopup.addEventListener('click', function() {
  64. popup.style.display = 'none';
  65. });
  66. </script>
  67. <footer>
  68. <div class="footer-content">
  69. <div class="footer-info">
  70. <h3>Горячая линия и связь:</h3>
  71. <p>Телефон: **************</p>
  72. <p>Эл. почта: *****************</p>
  73. </div>
  74. </div>
  75. <p class="copyright">&copy; ModelMaster</p>
  76. </footer>
  77. </body>
  78. </html>