Paddle.js

const SPEED = .02

export default class Paddle {
    constructor(paddleElem) {
        this.paddleElem = paddleElem
        this.reset()
    }



    get position() {
        return parseFloat(
            getComputedStyle(this.paddleElem).getPropertyValue("--position")
        )
    }
    set position(value) {
        this.paddleElem.style.setProperty("--position", value)
    }


    
    rect() {
        return this.paddleElem.getBoundingClientRect()
    }

    reset() {
        this.position = 50
    }

    update(delta, ballHeight) {
        //this.position = ballHeight // Impossible to beat the computer
        this.position += SPEED * delta * (ballHeight - this.position)
    }
}