12-advanced-functions.html

<!DOCTYPE html>
<html>
  <head>
    <title>Advanced Functions</title>
    
  </head>
  <body>
    <button onclick="" class="js-button">
      Click
    </button>

    <script>
     /* const buttonElement = document.querySelector('.js-button');

      const eventListener = () => {
        console.log('click');
      }
      buttonElement.addEventListener('click', eventListener);
      buttonElement.removeEventListener('click', eventListener);

      buttonElement.addEventListener('click', () => {
        console.log('click2');
      });*/

      /*function greeting() {
        console.log('hello');
      }

      greeting();

      const function1 = function() {
        console.log('hello2');
      };

      console.log(function1);
      console.log(typeof(function1));

      function1();

      const object1 = {
        num: 2,
        fun: function() {
          console.log('hello3');
        }
      };

      object1.fun();

      function display(param){
        console.log(param);
      };
      display(2);

      
      //PASSING A FUNCTION INTO ANOTHER FUNCTION
      function run(param) {
        param();
      };
      run(function(){//CALLBACK FUNCTION
        console.log('hello4')
      });*/

      /*setTimeout(function () {
        console.log('timeout');
        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} at ${index}`);
      });


      const regularFunction = function(param, param2) {
        console.log('hello');
        return 5;
      };

      const arrowFunction = (param, param2) => {
        console.log('hello');
        return 5;
      };


      const oneParam = param => {
        console.log(param + 1);
      };
      oneParam(2);

      const oneLine = () => 2 + 3;

      console.log(oneLine());

      const object2 = {
        method: () => {

        },
        method() {

        }
      }*/

      const nums = [1,-3, 5]
      let result = nums.filter((value, index) => {
        // if(value >= 0){
        //   return true;
        // }else {
        //   return false;
        // }
        return value >= 0;
      });
      console.log(result);
      console.log(nums);

      result = nums.map((value, index) => {
        return value*2;
      })

      result = nums.map(value => value*2); 


      console.log(result);
    </script>
  </body>
</html>