validationButtonForme(titleCard, linkImage, popupButtonAdd);
() => {
if (inputOne.value.length && inputTwo.value.length) {
enbableButton(button2);
} else {
disabledButton(button2);
}
}
validationButtonForme(titleCard, linkImage, popupButtonAdd)();
input
и один button
. Дочерняя функция - это оболочка. Каждый раз при ее вызове срабатывает следующее условие: в том случае, если input
'ы не пустые, кнопка включается, иначе - выключается. Только вот что, для полноценной работы нужны еще 2 функции: enbableButton
и disabledButton
.input
'ов можно использовать любые другие элементы, у которых есть свойство value
. const input = document.querySelector("input");
const button = document.querySelector("button");
button.disabled = true;
input.addEventListener("input", function() {
button.disabled = !this.value.length;
})
<h1 class="Name preName">GGG</h1>
<p class="Family preSurname">JJJJJJJ</p>
<form class="container">
<input type="text" name="profileName" class="newName inputName" placeholder="Имя" value="Текст">
<input type="text" name="aboutMe" class="newFamily inputSurname" placeholder="Фамилия" value="Текст">
<button type class="button">Сохранить</button>
</form>
//Находим элементы "вёрстки"
let name = document.querySelector(".preName")
let surname = document.querySelector(".preSurname")
//Находим инпуты
let inputName = document.querySelector(".inputName")
let inputSurname = document.querySelector(".inputSurname")
// Проверяем если элемент не пуст то его содержимое помещаем в инпут
if (name.innerHTML() !== "") {
inputName.value = name.innerHTML();
}
// или можно записать ещё короче
inputSurname.value = (surname.innerHTML() !== "") ? surname.innerHTML() : "";