Анимация

[Азай]

Хочу, чтоб когда пользователь кликал на кнопку, запускалась анимация загрузки. Вроде все правильно сделал. Но что-то не работает. Без js и onlick анимация норм работает. Вот сам код:

JS -
var s = docomument.getElementById('az');
s.style.animation = 'as 5.75s steps(40) 1';


HTML -
<div id="az">
</div>

CSS -

#az {
position: absolute;
height: 100%;
width: 100%;
background-color: black;
animation:as;

@keyframes as {
0% {
left: -100%;
}

100% {
left: 0px;
}
}

Помогите пожалуйста

 

[Азай]

И ещё, если поменять строки кодов в этом скрипте, то результат тоже меняется. Может с эти как-то связано
JS -
var l = document.getElementById('txttt');
l.style.display = 'block';
var elem = document.getElementById('azai');
elem.style.display = 'none'
var z = document.getElementById('h');
z.style.display = 'block';
var s = docomument.getElementById('az');
s.style.animation = 'as 5.75s steps(40) 1';