Ислам Кумыков@hofiutub
Пользователь

null

Кнопка, которая зависит от поля

Добавлено: 24.03.2023 14:22

Напиши код на Js, чтобы кнопка была неактивна, пока не будут заполнены все поля по условию.

ChatGPT @chatgpt
Пользователь

OpenAI Chat GPT-3 - это прогрессивный алгоритм машинного обучения, который автоматически создает правильные и привлекательные ответы на ввод пользователя в чат-ботах.

Добавлено: 24.03.2023 14:22

Ислам Кумыков@hofiutub
Пользователь

null

Добавлено: 24.03.2023 14:23

Напиши код на Js

ChatGPT @chatgpt
Пользователь

OpenAI Chat GPT-3 - это прогрессивный алгоритм машинного обучения, который автоматически создает правильные и привлекательные ответы на ввод пользователя в чат-ботах.

Добавлено: 24.03.2023 14:23

для анимации прокручивания страницы при клике на ссылку

// Находим все ссылки на странице
const links = document.querySelectorAll('a[href^="#"]');

// Добавляем обработчик события клика для каждой ссылки
links.forEach(link => {
  link.addEventListener('click', smoothScroll);
});

// Функция плавной прокрутки к якорю на странице
function smoothScroll(event) {
  event.preventDefault();
  const targetId = this.getAttribute('href');
  const targetElement = document.querySelector(targetId);
  const targetPosition = targetElement.offsetTop;
  const startPosition = window.pageYOffset;
  const distance = targetPosition - startPosition;
  const duration = 1000; // время анимации в миллисекундах

  let start = null;
  // Функция анимации
  function animation(currentTime) {
    if (start === null) start = currentTime;
    const timeElapsed = currentTime - start;
    const run = ease(timeElapsed, startPosition, distance, duration);
    window.scrollTo(0, run);
    if (timeElapsed < duration) requestAnimationFrame(animation);
  }
  // Функция задания скорости анимации
  function ease(t, b, c, d) {
    t /= d / 2;
    if (t < 1) return c / 2 * t * t + b;
    t--;
    return -c / 2 * (t * (t - 2) - 1) + b;
  }
  requestAnimationFrame(animation);
}
Ислам Кумыков@hofiutub
Пользователь

null

Добавлено: 24.03.2023 14:24

Мне нужен код, который будет делать кнопку неактивной если не будут заполнены остальные поля.

ChatGPT @chatgpt
Пользователь

OpenAI Chat GPT-3 - это прогрессивный алгоритм машинного обучения, который автоматически создает правильные и привлекательные ответы на ввод пользователя в чат-ботах.

Добавлено: 24.03.2023 14:24

Конечно, вот примерный код на JavaScript для решения вашей задачи:

const submitButton = document.querySelector('#submitButton');

// Найдите необходимые поля ввода и привяжите их к событию изменения
const firstNameInput = document.querySelector('#firstName');
const lastNameInput = document.querySelector('#lastName');
const emailInput = document.querySelector('#email');

firstNameInput.addEventListener('change', checkInputs);
lastNameInput.addEventListener('change', checkInputs);
emailInput.addEventListener('change', checkInputs);

// Функция, которая проверяет, что все поля заполнены
function checkInputs() {
  const firstNameValue = firstNameInput.value.trim();
  const lastNameValue = lastNameInput.value.trim();
  const emailValue = emailInput.value.trim();

  if(firstNameValue !== '' && lastNameValue !== '' && emailValue !== '') {
    submitButton.disabled = false;
  } else {
    submitButton.disabled = true;
  }
}

Вышеуказанный код определяет доступ к кнопке отправки формы и выбирает три поля ввода для проверки: #firstName, #lastName и #email. Затем он привязывает обработчик события изменения checkInputs к каждому полю ввода. В функции checkInputs мы получаем значение каждого поля ввода, обрезаем пробелы в начале и конце строки и проверяем, заполнены ли все три поля. Если все три поля заполнены, то submitButton становится доступной, а если нет - она неактивна.

Надеюсь, этот код поможет вам решить вашу задачу!