Что я делаю неправильно?

Question

[Алексей Иванов]

Мне нужно что бы при клике на #but1 объект изменял свойство translateX на 20 единиц больше. последующие клики что бы тоже прибавляли 20 единиц то есть 400, 420, 440. и так до 580 но при этом что бы не изменялись свойства translateY и rotateX потому что при клике на #but2 будет изменяться свойство translateY но при этом что бы не изменять translateX.
Но у меня почему то ничего не работает.

var con = 10;
		var num = 400;
		var numm = 400;
		var x = ('translateX(' + num + 'px) ');
		var y = ('translateY(' + numm + 'px) ');
		var left = 10;
document.querySelector('#but1').addEventListener('click', function( ev ) {
  ev.preventDefault();
  if(con == 10) {
   document.querySelector('#block').style.transform = x + 'rotateX(100deg) ' + y ;
   con--; num= 420;
  }  else if(con == 9) {
	  document.querySelector('#block').style.transform = x + 'rotateX(100deg) ' + y ;
   con--; num= 440;
  } else if(con == 8) {
	  document.querySelector('#block').style.transform = x + 'rotateX(100deg) ' + y ;
	  con--; num= 460;

Answer 1

[Владимир]

Приз говнокод года ваш однозначно, а проблема в том что переменные x и y у вас определены до обработки клика и потом не изменяются, и даже то что вы меняете переменные num и numm ничего не даст вам, так как x и y останутся прежними. Вот вы и постоянно добавляете одни и те же переменные в свой transform