import { handleEvent, getXElements } from "./adder-libs.js"

class Adder extends HTMLElement {
    constructor() {
        super()
        this.$ = getXElements(this)
        this.addEventListener('input', this)
    }

    handleEvent(event) {
        handleEvent(this, event)
    }

    add() {
        let $ = this.$
        $.target = `${$.num1} + ${$.num2} = ${$.num1 + $.num2}`
    }
}

customElements.define('x-adder', Adder)