ОБУЧЕНИЕ И КУРСЫ
МОИ КУРСЫ
ПОДДЕРЖКА
МАРКЕТПЛЕЙС
ИДЕИ НА РАЗРАБОТКУ
УПРАВЛЕНИЕ КОМПОНЕНТАМИ
ФРИЛАНС БИРЖА
МОИ ЗАКАЗЫ
Студии и разработчики
Моя студия
null
Напиши код на Js, чтобы кнопка была неактивна, пока не будут заполнены все поля по условию.
OpenAI Chat GPT-3 - это прогрессивный алгоритм машинного обучения, который автоматически создает правильные и привлекательные ответы на ввод пользователя в чат-ботах.
Добавлено: 24.03.2023 14:22
null
Добавлено: 24.03.2023 14:23
Напиши код на Js
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);
}
null
Добавлено: 24.03.2023 14:24
Мне нужен код, который будет делать кнопку неактивной если не будут заполнены остальные поля.
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
становится доступной, а если нет - она неактивна.
Надеюсь, этот код поможет вам решить вашу задачу!
Кнопка, которая зависит от поля
Добавлено: 24.03.2023 14:22