codep.html 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  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/style_kodPruf.css">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>ModelMaster</title>
  8. </head>
  9. <body>
  10. <script src="codep.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 = "login">
  20. <p>Главная</p>
  21. </div></a>
  22. </div>
  23. <div class = "login1">
  24. <a href="codep_teory.html"><div class = "login">
  25. <p>Теория</p>
  26. </div></a>
  27. </div>
  28. <div class = "login1">
  29. <a href="account_proverka.php"><div class = "login">
  30. <p>Аккаунт</p>
  31. </div></a>
  32. </div>
  33. </div>
  34. </div>
  35. </header>
  36. <div class="pred">
  37. <div class="pred_up">
  38. <div class = "Account">
  39. <input type="text" id="myInput" placeholder="Введите рёбра(Например: 1:2 2:3)">
  40. <a href="#" id="popup-link"><button onclick="processInput()" >Закодировать дерево</button></a>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. <div id="popup" class="popup">
  46. <div class="popup-content">
  47. <p>Код Прюфера: <span id="result"></span></p>
  48. <p><a href="codep.html"><input type = "submit" value = "Повторное кодирование"></a></p>
  49. </div>
  50. </div>
  51. <script>
  52. const popupLink = document.getElementById('popup-link');
  53. const popup = document.getElementById('popup');
  54. const closePopup = document.getElementById('close-popup');
  55. popupLink.addEventListener('click', function(event) {
  56. event.preventDefault();
  57. popup.style.display = 'block';
  58. });
  59. closePopup.addEventListener('click', function() {
  60. popup.style.display = 'none';
  61. });
  62. </script>
  63. <footer>
  64. <div class="footer-content">
  65. <div class="footer-info">
  66. <h3>Горячая линия и связь:</h3>
  67. <p>Телефон: **************</p>
  68. <p>Эл. почта: *****************</p>
  69. </div>
  70. </div>
  71. <p class="copyright">&copy; ModelMaster</p>
  72. </footer>
  73. </body>
  74. </html>