Почему сортировка по имени работает только по клику на возраст, а по клику на имя-ничего не происходит?

wagoodoogoo,
и так как Вы предложили не совсем корректно получается
или я неправильно поняла суть?

https://codepen.io/anon/pen/xMmRRL

Почему сортировка по имени работает только по клику на возраст, а по клику на имя-ничего не происходит?

wagoodoogoo, спасибо
и ещё все строки участвуют в сортировки, а первая строка (заголовок) не должна
--------------------------------------------------------------------------------------------------------------
как ограничить?

Что мы получаем, если img.clientHeight / 100 и img.clientWidth / 100?

Dima Polos, точно)

Что мы получаем, если img.clientHeight / 100 и img.clientWidth / 100?

Dima Polos,
var sizes=getSizes(metrics, event);
out.style.backgroundPosition=sizes;

sizes -это как раз насколько мы сместили элемент?

Как делать такие "эффекты"?

Dima Polos, спасибо

Как делать такие "эффекты"?

Dima Polos, ага, не совсем

Как делать такие "эффекты"?

Dima Polos, А вот так нормально будет? https://codepen.io/aliencash/pen/YBRzjG

Что мы получаем, если img.clientHeight / 100 и img.clientWidth / 100?

Dima Polos, да, супер
отметила решением
еще раз спасибо

Что мы получаем, если img.clientHeight / 100 и img.clientWidth / 100?

Dima Polos, спасибо!

Что мы получаем, если img.clientHeight / 100 и img.clientWidth / 100?

Dima Polos, не совсем понимаю
почему не наоборот? (el.clientWidth/ arr[0] ) * 100 ?
извиняюсь, если странный вопрос
просто хочу до конца понять

Что мы получаем, если img.clientHeight / 100 и img.clientWidth / 100?

Алексей, Dima Polos , ок
спасибо
но не совсем понятно почему именно такая формула?
shiftXpercent = (arr[0] / el.clientWidth) * 100; ?

получается мы делим координату клика по оси Х на ширину элемента вместе+с его паддингами? или как?

Что мы получаем, если img.clientHeight / 100 и img.clientWidth / 100?

Dima Polos, но один нюанс не совсем ясен
почему тут heigthPercent = arr[1] / (el.clientHeight / 100)

а не к примеру heigthPercent = (arr[1] / el.clientHeight) / 100 ?

Что мы получаем, если img.clientHeight / 100 и img.clientWidth / 100?

Dima Polos, имеется ввиду, что в данном случае heigthPercent и widthPercent - это отступы от верхнего левого угла по вертикали и по горизонтали в % ?

Что мы получаем, если img.clientHeight / 100 и img.clientWidth / 100?

Dima Polos, а что тогда получается после этого?
arr[1] / (el.clientHeight / 100)?
arr[0] / (el.clientWidth / 100)

непонятна разница между этим выше и
el.clientHeight / 100
el.clientWidth / 100?

Почему тут undefined (выполнено ведь наследование+ошибок в консоли нет)?

cпасибо!

Тут цикл нужен(для третьей функции)?

indasparta, на какую именно функцию? ucWords?

а тут result += word + (i < words.length - 1 ? ' ' : '');
получается если у нас массив cтал меньше на один элемент, то значит ставим пробел? иначе ничего не делаем?

Тут цикл нужен(для третьей функции)?

indasparta, огромное cпасибо
понятное и классное решение!

Тут цикл нужен(для третьей функции)?

Михаил, спасибо огромное

извините, но можете подсказать, пожалуйста, по Вашему кода

1) а на что ссылается this в 23 строке?

2) и почему тут именно такое? (i < words.length - 1 ? ' ' : '')
понятно что это тернарный оператор , но зачем- 1

Тоесть почему не ограничится result += word ; ? ПОчему именно так result += word + (i < words.length - 1 ? ' ' : ''); ?

Тут цикл нужен(для третьей функции)?

indasparta, а как с циклом сделать?

Почему не рендерится, как исправить?

Огромное спасибо!