Возможно стоит использовать keydown. Тогда event.target.value будет хранить предыдущее значение, а event.key вводимый символ.

Посмотрите шаблон для быстрого старта от csssr https://github.com/CSSSR/csssr-project-template. Все задачи написаны на es2015 синтаксисе, используется кеширование для ускорения сборки, таски разбиты на отдельные файлы, статичные данные вынесены в json, готов к использованию svg, есть retina-спрайты, вовсю используется БЭМ. Много плюшек, разве что на windows могут быть проблемы с установкой зависимостей (впрочем это проблема не самого шаблона, а некоторых модулей в npm).

Во-первых элементы нужны, если одних только стилей блока недостаточно. Если у вас возникает желание переиспользовать элемент блока в другом месте, значит этот элемент должен быть вынесен в отдельный блок. В идеале стили элемента имеют смысл только в контексте блока.
Во-вторых, БЭМ даёт преимущества в долгосрочной перспективе. Если вы сдадите лендинг и забудете навсегда - можно и поговнокодить, но обычно проекты (даже лендинги) некоторое время приходится поддерживать. С БЭМ не нужно каждый раз разбираться в забытом проекте и беспокоиться о том, что новые изменения могли где-то что-то сломать.
Что касается скорости разработки - используйте препроцессоры и шаблонизаторы, скорость только вырастет. Я успешно использую csssr-project-template, где связка BEM + stylus + jade мне кажется идеальной для вёрстки.
В третьих, как уже писали, используйте переводчик, если не получается придумать название. Что касается повторяющихся секций - да, нумеровать, если больше не за что зацепиться, это особенность вёрстки лендингов. Собственно и без БЭМ нумеровать придётся, если у каждой секции свои особенности.