Код JavaScript в файле component.html на угловом 6

Question

поэтому у меня есть этот javascript-код, который я хочу добавить в свой файл somename.component.html в Angular 6, но я знаю, что он не работает таким образом, не может создать файл и просто поместить код там, когдаЯ пытался, что это не сработало

<script>

  /**
   * Push left instantiation and action.
   */
   var pushLeft = new Menu({
     wrapper: '#o-wrapper',
     type: 'push-left',
     menuOpenerClass: '.c-button',
     maskId: '#c-mask'
   });

   var pushLeftBtn = document.querySelector('#c-button--push-left');

   pushLeftBtn.addEventListener('click', function(e) {
     e.preventDefault;
     pushLeft.open();
   });

   /**
    * Slide right instantiation and action.
    */
    var slideRight = new Menu({
      wrapper: '#o-wrapper',
      type: 'slide-right',
      menuOpenerClass: '.c-button',
      maskId: '#c-mask'
    });

    var slideRightBtn = document.querySelector('#c-button--slide-right');

    slideRightBtn.addEventListener('click', function(e) {
      e.preventDefault;
      slideRight.open();
    });


    /**
    * Slide top instantiation and action.
    */
    var slideTop = new Menu({
      wrapper: '#o-wrapper',
      type: 'slide-top',
      menuOpenerClass: '.c-button',
      maskId: '#c-mask'
    });

    var slideTopBtn = document.querySelector('#c-button--slide-top');

    slideTopBtn.addEventListener('click', function(e) {
      e.preventDefault;
      slideTop.open();
    });

это начинает раздражать меня, пытаясь понять это, потому что это мой второй проект Angular, поэтому я все еще не знаком со всем,

Спасибо за помощь