functions

execution goes from top to bottom

setTimeout()

delays function's order of execution

changing property with js modal.style.display = 'none'

FORM

form ...label for="input-id">L a b e l .../label... ...input type="text" id="input-id" name="label-name" placeholder="Example" ... /form... ....name.... for access to the form

button

== inside form will be taken submit button

e.preventDefault()

preventing from submitting any info to browser(getting query string in url place) prevent any default browser behavior event any interaction with the page

type="button"

will not submit data

el.innerHTML

using only if we changing HTML el.innerText if changing only text

FormData

collect key/value formfields

cursor: not-allowed

container.classList.toggle('reverse')

toggling(add/remove) to existing class in html class="reverse" inside javascript

aria-label="Email or other label"

(input property in html) used when we don't use label for input fields (for screen readers purpose)