decode.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  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="decode.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="decode_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="Введите код">
  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="decode.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>