Java-script-course/12-advanced-function.html at main · Dev-Soft-tech/Java-script-course · 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<html>
  <head>
    <title>Advanced Function</title>
  </head>
  <body>
    <button onclick="" class="js-button">Click</button>
    <script>
      /*const buttonElement = document.querySelector('.js-button');
      const eventListener = () => {
        console.log('click');
      };
      //const buttonElement = document.querySelector('.js-button');
      buttonElement.addEventListener('click', () => {
        console.log('click2');
      });
      buttonElement.removeEventListener('click', eventListener)
      function greeting() {
        console.log('hello');
      }
      greeting();
      const num = 2;
      const function1 = function() {
        console.log('hello2');
      };
      console.log(function1);
      console.log(typeof function1);
      function1();
      const object1 = {
        num: 2,
        fun: function() {
          console.log('hello');
        }
      };
      object1.fun();
      function display(param) {
        console.log(param);
      }
      display(2);
      function run (param) {
      }
      run(function() {
        console.log('hello4');
      });*/
      /*setTimeout(function() {
        console.log('time out');
        console.log('timeout2');
      }, 3000);
      console.log('next line');
      setInterval(function() {
        console.log('interval')
      }, 3000);
      console.log('next line 2');*/
      /*[
        'make dinner',
        'wash dishes',
        'watch youtube',
      ].forEach((value, index) => {
        if (value === 'wash dishes') {
          return;
        }
        console.log(index);
        console.log(value);
      });
      const regularFunction = function(param, param2) {
        console.log('hello');
        return 5;
      }
      const arrowFunction = (param, param2) => {
        console.log('hello');
        return 5;
      }
      arrowFunction();
      const oneParam = (param) => {
        console.log(param + 1);
      };
      oneParam(2);
      const oneLine = () => { return 2 + 3}
      const oneLie = () => 2 + 3;
      console.log(oneLie());
      const object2 = {
        method: () => {
        },
        method() {
        }
      };*/

      [1, -3, 5].filter((value, index) => {
        if (value >= 0) {
          return true;
        } else {
          return false;
        }
        return true;
      });
      [1, 1, 3].map((value, index) => {
        return value * 2;
      });

      [1, 1, 3].map(value => value * 2);

    </script>
  </body>
</html>