Почему js не меняет стили в с первого клика?

Question

[Данил Ситдиков]

Я сделал триггер который в зависимости какая высота у коробки меняет высоту этой коробки.
Есть коробка, при клике на нее весит обработчик и запускает функцию. Но сначала он вставляет css в дерево а потом уже сравнивает css. Почему он не берет css из класса?

var elem = document.querySelector('.box');
    function trigger(e){
      event.target.style.height = (event.target.style.height === 'auto') ? 400 + 'px' : 'auto';
      console.log(event.target);
    }
    elem.addEventListener('click',trigger);

Comments

[Александр]

у тебя функция принимает переменную e, а по коду ты обращаешься к другой переменной event.

[Данил Ситдиков]

От куда же такие как ты берутся.

[Данил Ситдиков]

Minifets, Читай realadmin.ru/coding/e-javascript.html, на будущее если не знаешь не пиши

[Александр]

Данил Ситдиков,
Ну не знал я этого, а если бы не написал и не узнал бы, так что впредь буду и дальше писать.

[Данил Ситдиков]

Мммм, тоже логично.

Answer 1

[grinat]

Потому что атрибута не существует на момент клика, поменяй условия местами либо вставь в блок style="height:auto;" либо используй getcomputedstyle