Estoy tratando de hacer que una imagen de menú ejecute una función js para cambiar sus propiedades al agregarle la clase activa. Estoy trabajando con angular en stackblitz y sigo obteniendo la Property 'openbtn' does not exist on type 'HeaderComponent' . Estoy perdido sobre qué hacer.

El archivo js está en angular.json así: "scripts": ["src/app/header/assets/js/nav.js"]

La imagen que debe ejecutar la función:

 <img src="https://myimage.png" width="32" alt="!" class="burger" id="burger" (click)="openbtn()" />

La función en sí:

 function openbtn() { document.getElementById('burger').onclick = function () { this.classList.toggle('active'); }; }

archivo header.component.ts:

 import { Component, OnInit } from '@angular/core'; declare function openbtn(): any; @Component({ selector: 'app-header', templateUrl: './header.component.html', styleUrls: ['./header.component.css'], }) export class HeaderComponent implements OnInit { constructor() {} ngOnInit() { openbtn(); } }