Почему после первого нажатия кнопки, она больше не работает

155
24 марта 2019, 05:50
<h1 id="lineCombo">Комбо тут</h1>
<script>
changeLineCombo.onclick = function () {
document.getElementById('lineCombo').style.marginLeft='-20px';
}
</script>

Надо сделать чтобы при повторном нажатии оно ещё раз делало '-20px' Но после первого нажатия дальше не работает(

Answer 1

let init = -20; 
document.getElementById('lineCombo').addEventListener('click',  function () { 
  let left = document.getElementById('lineCombo'); 
  left.style.marginLeft = init + 'px'; 
  init += -20; 
  console.log(left.style.marginLeft) 
} 
) 
                                                      
<h1 id="lineCombo">Комбо тут</h1>

READ ALSO
В чем разница между HTML и XHTML в контексте Java

В чем разница между HTML и XHTML в контексте Java

К примеру у меня есть серверное приложение, которое запускается через localhostЯ java-проекте я могу создать html файл, так же создать xhtml

159
Не работает перетаскивание slick

Не работает перетаскивание slick

При зажатии кнопки мыши на первом слайде и перетаскивании в правую сторону ( нужен переход с помощью перетаскивания) на 7, 6, 5-й слайды слайдер...

142
Почему не прилипает футер к низу страиницы, при отдалении?он поднимается вверх

Почему не прилипает футер к низу страиницы, при отдалении?он поднимается вверх

Почему не прилипает футер к низу страиницы, при отдалении?он поднимается вверх при зуме для большого разрешения?(ctrl + колесо) position: relative не помогает...

130
Почему текст после формы переносится на следующую строку?

Почему текст после формы переносится на следующую строку?

В коде после формы НЕТ ни одного <br>Только php код, который присваивает переменные

159