Как передать значения в поля?

Question

[CAMOBAP4UK]

https://codepen.io/camobap6/pen/dyGdwYo
Как сделать чтобы при открытии формы , значения которые написаны изначально (имя и работа) были уже в форме ? Т.е сейчас открываю форму , но поля в ней пустые (а нужно что бы было Имя и работа уже записано)

Answer 1

[aftar]

не совсем понял, что тебе нужно

<input type="text" placeholder="имя" name="nameInput"/>
<input type="text" placeholder="работа" name="jobInput"/>

или

<input type="text" value="имя" name="nameInput"/>
<input type="text" value="работа" name="jobInput"/>

Comments

[CAMOBAP4UK]

Вроде 2е. А как сделать так , что бы если в форму ничего не ввели , но она не перезаписывалась , а сохраняла предыдущее значение ?

[aftar]

задай изначально value во втором окне.
а затем проверяй если пользователь ввел данные в первом окне, то перезапиши во втором. если нет то ничего не делай.

[CAMOBAP4UK]

aftar, Понял , и последний вопрос. Как сделать что бы после того как нажал сохранить форма закрылась ?
Я изменил код пен (добавил функцию закрывания, но она не работает)

[aftar]

CAMOBAP4UK, добавь в функцию formElement.style.display = 'none';

[CAMOBAP4UK]

aftar, Не работает , окно вообще не открывается

[aftar]

CAMOBAP4UK, замени на

function showForm() {
    document.getElementById("form").classList.add('active');
}

function closeForm(e) {
    document.getElementById("form").classList.remove('active');
}

и в стилях добавь

.form.active {
  display: flex;
}

[aftar]

CAMOBAP4UK, https://codepen.io/givon94/pen/dyGdwEv

[CAMOBAP4UK]

aftar Благодарю