1. JavaScript / Говнокод #27310

    0

    1. 01
    2. 02
    3. 03
    4. 04
    5. 05
    6. 06
    7. 07
    8. 08
    9. 09
    10. 10
    11. 11
    12. 12
    13. 13
    14. 14
    15. 15
    16. 16
    17. 17
    18. 18
    19. 19
    20. 20
    21. 21
    22. 22
    23. 23
    24. 24
    25. 25
    26. 26
    27. 27
    28. 28
    29. 29
    30. 30
    31. 31
    32. 32
    33. 33
    34. 34
    35. 35
    36. 36
    37. 37
    38. 38
    39. 39
    40. 40
    41. 41
    42. 42
    43. 43
    44. 44
    45. 45
    46. 46
    47. 47
    48. 48
    49. 49
    50. 50
    51. 51
    52. 52
    53. 53
    54. 54
    55. 55
    56. 56
    57. 57
    58. 58
    59. 59
    60. 60
    61. 61
    62. 62
    63. 63
    64. 64
    65. 65
    66. 66
    67. 67
    68. 68
    69. 69
    70. 70
    71. 71
    72. 72
    73. 73
    74. 74
    75. 75
    76. 76
    77. 77
    78. 78
    79. 79
    80. 80
    81. 81
    82. 82
    83. 83
    84. 84
    85. 85
    86. 86
    87. 87
    88. 88
    89. 89
    90. 90
    91. 91
    92. 92
    93. 93
    94. 94
    95. 95
    96. 96
    97. 97
    $(".reg_button").on("click", function(){
        console.log("hello world jquery");
        $(".main").css("display", "none");
        $(".register-main").css("display", "block");
        $(`input[type="text"]`).css("width", "14vw");
        $(`input[type="password"]`).css("width", "14vw");
        $(`input[type="email"]`).css("width", "14vw");
         // Обработка нажатия на кнопку регистрации
    });
    const recovery = {
      login: "",
      email: "",
    }
    const regExp = {
      login: /^[a-z0-9_-]{5,20}$/,
      pass: /^[A-Za-z0-9_-]{6,16}$/,
      email: /^[A-Z0-9._%+-]+@[A-Z0-9-]+.+.[A-Z]{2,4}$/i,
    }
    const state = {
      reg: {
        login: "",
        pass: "",
        email: "",
        agreement: ""
      },
      auth: {
        login: "",
        pass: "",
        agreement: false
      }
      }
    $(".back").on("click", function() {
        $(".register-main").css("display", "none");
        $(".main").css("display", "flex");
        $(`input[type="text"]`).css("width", "21.5vw");
        $(`input[type="password"]`).css("width", "21.5vw");
        // Обработка нажатия на кнопку "Назад"
    });
    $(".auth_forgotPassword").on("click", function() {
      console.log("Система восстановления пароля в разработке.")
     /* $(".main").css("display", "none");
      $(".recovery").css("display", "block");
      $(".recovery-step-one").css("display", "block");
      $(`input[type="text"]`).css("width", "14vw");
      $(`input[type="password"]`).css("width", "14vw"); */
    })
    $(".recovery-back").on("click", function() {
      $(".recovery").css("display", "none");
      $(".recovery-step-one").css("display", "none");  
      $(".main").css("display", "flex");                 // кнопка назад, в восстановления пароля.
      $(`input[type="text"]`).css("width", "21.5vw");
      $(`input[type="password"]`).css("width", "21.5vw");
    })
    $(".recovery-back2").on("click", function() {
      $(".recovery-step-two").css("display", "none");
      $(".recovery").css("display", "block");     
      $(".recovery-step-one").css("display", "block");                  // кнопка назад, в восстановления пароля.
      $(`input[type="text"]`).css("width", "14vw");
      $(`input[type="password"]`).css("width", "14vw");
    })
    // $(".recovery-button").on("click", function() {
      /*recovery.login = $(".step_login").val()
      recovery.email = $(".step_email").val()
      alt.emit("click:recovery")
      if(recovery.login == "" || recovery.email == "" )
      {
        console.log("Необходимые поля пустые!")
      }
      else {
      alt.on("recovery-step-two", (args) => {
      if(args == true) {
        $(".recovery-step-one").css("display", "none");
        $(".recovery-step-two").css("display", "block");
      }
      else {
        console.log("Введены неверные данные или аккаунта с такой почтой не существует.")
      }
      })
      }
      */
    // })
    $(".recovery_button2").on("click", function() {
      $(".recovery-step-two").css("display", "none");
      $(".recovery-step-three").css("display", "block");
    })
    $('.button-wrap').on("click", function(){
      $(this).toggleClass('button-active');
      if ($(this).hasClass('button-active')) {
        localStorage.checkbox = 1
        
      } else {
        localStorage.checkbox = 0
      }
      console.log(localStorage.checkbox)
    });
    $(".confirm-back2").on("click", () => {
      $(".authentication").css("display", "none");

    Логика работы меню авторизации :)
    Собственно первая моя верстка была, как и использование jquery)

    Запостил: Seagate, 22 Марта 2021

    Комментарии (5) RSS

    • Смешались в кучу кони, люди...

      Как вам тенденция перехода фронтенда с html, css, js на js (all inclusive)?
      Ответить
    • Ебать как хорошо что реакт придумали
      Ответить
    • ну да, типичное говнище десятилетней давности. А потом научились набайдживать логику.

      Если делать формочки на ангуляре или реакте, то такого говна писать не нужно
      Ответить
    • > введены неверные данные

      <button>Принять ислам</button>
      Ответить
    • я ваще поражаюсь как это гавно VM принимает на выполнение. он должен был выдать ошибку. вложения вложений кол-во вложений переполнено :)
      Ответить

    Добавить комментарий