git_myScript/form.js at main · arijitdas0211/git_myScript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
document.querySelector('#myForm').addEventListener('submit', (event)=> {
    event.preventDefault();

    alert("Form submitted!");
});

document.querySelector('#myInput').addEventListener('change', (event) => {
    event.preventDefault();

    alert(`Input changed to: ${event.target.value}`);
});

document.querySelector('#name').addEventListener('focus', (event) => {
    event.preventDefault();

    alert(`User is filling name.`);
});

document.querySelector('#age').addEventListener('focus', (event) => {
    event.preventDefault();

    alert(`User is filling age.`);
});

document.querySelector('#name').addEventListener('blur', (event) => {
    event.preventDefault();

    alert(`Name field lost focus.`);
});

document.querySelector('#myInput').addEventListener('input', (event) => {
    event.preventDefault();

    alert(`Current value: ${event.target.value}`);
});