DOM. Как примененить стиль для body в js

Question

Есть пара стилей в css

.normal{
    background: #2e9435;
    transition: background 0.8s ease;
}
.warning{
    background: #c70000;
    transition: background 0.8s ease;
}

Есть событие js (в котором я не уверен)

function alarm(){
   document.body.style = "warning";}

И страница с кнопкой, на которую записано

onclick="alarm()"

Что я делаю не так?

Answer 1

function alarm() {
  document.body.classList.toggle("warning");
}

.normal{
    background: #2e9435;
    transition: background 0.8s ease;
}
.warning{
    background: #c70000;
    transition: background 0.8s ease;
}

<body class="normal">
<p>lorem</p>
<input type="button" value="toggle class" onclick="alarm()"/>
</body>