diff options
| author | itchief <alex.malcev1980@gmail.com> | 2022-03-21 13:36:53 +0300 |
|---|---|---|
| committer | itchief <alex.malcev1980@gmail.com> | 2022-03-21 13:36:53 +0300 |
| commit | b6b5a80d33f9edefc2442dc6c39af15bca0b9e86 (patch) | |
| tree | 20256aafa086c5d6577f9e8d5a437208d921ec03 | |
| parent | f9966b2d8f424b7cf603b5aa38275a88a14303bf (diff) | |
Update
| -rw-r--r-- | README.md | 13 |
1 files changed, 10 insertions, 3 deletions
@@ -4,9 +4,9 @@ A small project containing an example of a page with a feedback/contact form bui Check the on here Demo: https://itchief.ru/examples/lab.php?topic=php&file=feedback-form Screenshots: - - - + + + ## Step-by-step instructions 1. Add a form to the HTML (it allows us to collect data). @@ -38,3 +38,10 @@ The fragment that will be displayed is located in "index.html " after the form. <div class="form-success__message">Форма успешно отправлена. Нажмите <button type="button" class="form-success__btn">здесь</button>, если нужно отправить ещё одну форму.</div> </div> ``` +When you click on the button `.form-success__btn:` +```js +document.querySelector('.form-success__btn').addEventListener('click', (e) => { + form.reset(); + e.target.closest('.form-container').querySelector('.form-success').classList.add('form-success_hide'); +}); +``` |