ООП — объектно-ориентированное программирование

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Модальное окно</title>
    <style>

        body { margin: 0; height: 100vh; background-color: #482ff7; color: white; display: flex; flex-direction: column;
               justify-content: center; align-items: center; text-align: center; font-family: sans-serif; }
        #modal { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(131, 24, 131, 0.83);
                 display: flex; justify-content: center; align-items: center; }
        button { border: 0; color: white; font-size: 2em; font-weight: bold; padding: 1em 1.75em; border-radius: 10px; cursor: pointer; }
        #close { background-color: #fc5185; }
        #open { background-color: #22eaaa; }
    </style>
</head>
<body>
    <h1>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</h1>
    <button id="open">ОТКРЫТЬ ОКНО</button>
    <div id="modal">
        <button id="close">ЗАКРЫТЬ ОКНО</button>
    </div>
    <script>
        let body = document.querySelector('body')
        let modal = document.querySelector('#modal')

        document.querySelector('#close').addEventListener('click', function () {
            modal.remove()
        })
        document.querySelector('#open').addEventListener('click', function () {
            body.append(modal)
        })
    </script>
</body>
</html>

Открыть готовую страницу с ответом ↗

Открыть готовую страницу с ответом ↗

Открыть готовую страницу с ответом ↗

function Hero(name, hp) {
    this.name = name
    this.hp = hp
    this.attack = function (target) {
        target.hp -= 10
    }
}

let arthur = new Hero('Артур', 100)
let goblin = new Hero('Гоблин', 30)
arthur.attack(goblin)
console.log(goblin.hp)

class Car {
    constructor(brand) {
        this.brand = brand
        this.speed = 0
    }

    accelerate() {
        this.speed += 10
    }

    brake() {
        this.speed = Math.max(0, this.speed - 10)
    }

    info() {
        return this.brand + ': ' + this.speed + ' км/ч'
    }
}

let car = new Car('Лада')
car.accelerate()
car.accelerate()
console.log(car.info())