Корректное возвращение значения event.target.name?

Question

[tempfolder]

Подскажите, пожалуйста, не вижу очевидной причины ошибки. https://jsfiddle.net/31ao8L0w/
Задал на контейнер ивент клика и через делегирование событий назначаю нужный функционал, но что-то пошло не так, если выводить в консоль event.target.name при первом клике все отображается корректно, а при последующем конкретный name определенного инпута

<input class="form-style__checkbox form-style__checkbox--margin--first" name="formStyleCheckbox" type="checkbox" value="bold">

Почему именно его выводит, ошибка в построении логики или в чем-то другом? Так же прошу совет, как лучше назначать ивенты, на каждый конкретный нужный элемент или на все вместе как в моем случае?

Answer 1

[0xD34F]

else if (event.target.name = 'formStyleCheckbox') {

Да, давайте ещё будем вам опечатки исправлять. Или, может быть, объяснять, чем присваивание от проверки на равенство отличается?

как лучше назначать ивенты, на каждый конкретный нужный элемент или на все вместе как в моем случае?

Во-первых, назначают не события, а их обработчики.

Во-вторых, предлагаю погуглить аргументы за и против обоих способов.