[nastya97core]

Здравствуйте. Есть вот такое на jquery

$(".form-input").focus(function() {
  $(this).siblings('label').addClass('active');
});
$(".form-input").focusout(function() {
  if ($(this).val() != false) {
    $(this).siblings('label').addClass('active');
  } else {
    $(this).siblings('label').removeClass('active');
  }
});

Оно работает, как часы, но мне надо на чистом JavaScript. Я написала это, но оно работает только с первым элементом. Form-input у меня несколько.

function q(e){return document.querySelector(e);}
q(".form-input").onfocus = function() {
	this.nextElementSibling.classList.add("active");
};

q(".form-input").onblur = function() {
	if (this.value != false) {
		this.nextElementSibling.classList.add("active");
	} else {
		this.nextElementSibling.classList.remove("active");
	}
};

подскажите, как сделать, чтобы класс добавлялся ко всем нажимаемым элементам