Есть задача - запихнуть многократно используемый кусок кода в ванильный JS компонент.
const plane = document.createElement('plane');
plane.className = 'plane';
plane.innerHTML = `...`;
class Plane extends HTMLElement{
constructor(){
super();
}
connectedCallback(){
if (!this.rendered) {
this.render();
this.rendered = true;
}
}
render(){
this.innerHTML = plane.innerHTML + plane_styles.innerHTML;
}
}
window.customElements.define('plane-scheme', Plane);
Всё прекрасно работает. Однако, помимо самого HTML элемента с ним вместе должны подтягиваться несколько функций-обработчиков информации. Пока не очень понимаю как это реализовать. Пытался делать стрелочный ф-ции внутри конструктора, добавлять в виде отдельного метода - толку ноль. Как это правильно реализовать?
