JavaScript: запуск нескольких событий?

Question

Я хочу закончить sh этот проект, над которым я работала для своей мамы на День святого Валентина.

Я хочу иметь возможность щелкнуть h2 и вызвать несколько событий, например, сделав зеленый цвет фона зеленым, изменив размер шрифта h2 на более крупный, например, 50 пикселей, и изменив размер шрифта с h1 на 50 пикселей

Я никогда не вызывал несколько событий на в то же время от события onclick. Я хотел бы помочь, чтобы сделать маму счастливой.

body {
  background-color: lightblue;
}

Answer 1

Я думаю, что было бы лучше работать со стилем, используя файл CSS.

Создайте файл CSS и установите несколько классов, например:

h2.valentines {
    background-color: green;
    font-size: 50px;
    color: white;
}

Затем на onclick событие вы можете передать функцию для добавления класса к элементу, который вы хотите, так:

function addValentineClass() {
    const element = document.getElementById('joke');
    element.className = "valentines";
}