Как сделать кнопку неактивной если инпуты не прошли валидацию?

Сергей Соколов, добавил но выдает такую ошибку

function openPhotoAddForm() {
openPopup(popUpPhoto);
isValid(formElement, inputElement);
}

Как сделать кнопку неактивной если инпуты не прошли валидацию?

У меня этот атрибут прописан в функции и он работает когда значения на проходят валидность, но мне нужно чтобы у попапа с кнопкой создать она была отключена при открытии, тк там пустые поля.

Как добавить массив на страницу?

Не совсем понимаю как через forEach сделать, можешь пожалуйста по подробнее описать, и еще там помимо тайтла, фото и самой карточки есть 2 кнопки + на них нужно повесить классы. Я закинул все в зип, чтобы было проще понять что требуется. Внешний вид 6 карточек там в index.html закоментирован. Заранее спасибо за уделенное время!

https://dropmefiles.com/U4wPM

Как сделать конструкцию if else?

ArturMavlidov, разобрался! спасибо за уделенное время!

Как сделать конструкцию if else?

ArturMavlidov, проверил, это тот параграф, вот в песочнице код https://codepen.io/Paulceo/pen/YzYNWmE

Как сделать конструкцию if else?

ArturMavlidov, но почему то не отображается текст.

function calc(evt) {
    evt.preventDefault();
    salaryYear.value = salaryMonth.value * 12;
    if (salaryYear > 200000) {
        info.innerHTML = "текст";
    } else if (salaryYear < 200000) {
        info.innerHTML = "текст 2";
    }
};

Как сделать конструкцию if else?

а как прописать дальше, чтобы допустим если меньше 200 000, то другой текст выдавало. Пробую через else if, но остается 1 текст.

Как сделать конструкцию if else?

Сергей delphinpro, а как прописать дальше, чтобы допустим если меньше 200 000, то другой текст выдавало. Пробую через else if, но остается 1 текст.

Как сделать конструкцию if else?

Сергей delphinpro, https://codepen.io/Paulceo/pen/YzYNWmE

Как сделать конструкцию if else?

Сергей delphinpro, это нужно написать в теле функции или после нее?

Не могу понять как сделать адаптивную верстку?

Ankhena, не помогло xD но спасибо!

Не могу понять как сделать адаптивную верстку?

Ankhena, посчитал, добавил пропущенный. Не помогло.

.profile {
    margin: 0;
    padding: 0;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 51px;
    display: grid;
    max-width: 880px;
    grid-template-areas: "image title edit addb" "image subtitle edit addb";
    grid-template-columns: 150px 312px 1fr 150px;
}

@media (max-width: 740px) {
    .profile {
        grid-template-areas: "image title edit" "image subtitle edit" "addb addb addb";
        grid-template-columns: 150px 312px 1fr;
    }
}

@media (max-width: 680px) {
    .profile {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 120px 1fr 1fr 1fr;
        grid-template-areas: "image image image" "title title edit" "subtitle subtile subtitle" "addb addb addb";
    }
}

Не могу понять как сделать адаптивную верстку?

не помогло все равно.

Как объединить эти функции?

Попробовал 2й вариант, все равно не работает почему-то

Как объединить эти функции?

WbICHA, можете поконкретнее объяснить?

<input type="text" onchange="showMe(value)" placeholder="Имя">

Какой путь к картинке указать?

Спасибо!