learn-javascript/09-JavaScript Closures Tutorial (Explained in depth).js at main · Roohollah81/learn-javascript · 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
// function human() {
//     const name = 'Sina'
//     function sayHi() {
//         console.log(`Hi Im am ${name}`)
//     }
//     sayHi()
// }

// human()

//----------------------

// function human() {
//     const name = 'Sina'
//     function sayHi() {
//         console.log(`Hi Im am ${name}`)
//     }
//     function sayHowYouFeel() {
//         console.log(`${name} is feeling good!`)
//     }
//     sayHi()
//     sayHowYouFeel()
// }

// human()

//-----------------------

// function human(name) {
//     function sayHi() {
//         console.log(`Hi Im am ${name}`)
//     }
//     function sayHowYouFeel() {
//         console.log(`${name} is feeling good!`)
//     }
//     sayHi()
//     sayHowYouFeel()
// }

// human('Sina')

//----------------------

// function human(n) {
//     const name = n
//     function sayHi() {
//         console.log(`Hi Im am ${name}`)
//     }
//     function sayHowYouFeel() {
//         console.log(`${name} is feeling good!`)
//     }
//     return {
//         sayHi,
//         sayHowYouFeel
//     }
// }

// const sina = human('Sina')
// const qoli = human('Qoli')

// console.log(sina.sayHi())

//----------------------

function clickHandler(size) {
    return function() {
        document.body.style.fontSize = `${size}px`
    }
}

document.getElementById('size-12').onclick = clickHandler(12)