Как выделить группу элементов в js?

Чего-то видимо я не понимаю(Посмотрите, если вам не сложно и подскажите

<div id="blockcolor">
  <div class="first">&#10027;</div>
  <div class="first">&#10027;</div>
  <div class="second">&#10052;</div>
  <div class="second">&#10052;</div>
  <div ckass="second">&#10052;</div>
  <div class="first">&#10027;</div>
  <div class="first">&#10027;</div>
</div>

.bordered {
  outline: 1px solid red;
}

var blocks = document.getElementById("blockcolor");

blocks.addEventListener("click", clickHandler);

function clickHandler(e) {
	var target = e.target;
  if(target.className == "first" || target.className == "second"){
  target.className = "bordered"
  }
  var bordered = blocks.querySelectorAll(".bordered");
  console.log(e);
  
  for (var i=0; i < bordered.length; i++) {
  	bordered[i].className="";
  }
  if (target.nextElementSibling)
  	target.nextElementSibling.className="bordered";
  if (target.previousElementSibling)
  	target.previousElementSibling.className="bordered";
  
}

Как выделить группу элементов в js?

спасибо, но немного не так. по клику нужно выделить тот же самый элемент (и группу таких же самых рядом стоящих элементов) на который кликнули, а тут получается соседние элементы (разные) выделяются

Как сделать небольшой опросник на js?

Спасибо. Все так просто оказалось))

Как сделать невозможным заполнять второй input, если первый пустой?

класс. очень просто и понятно. спасибо

Как сделать невозможным заполнять второй input, если первый пустой?

спасибо, но ругается на эту строку " input.addEventListener('keydown', handler)" "Cannot read property 'addEventListener' of null"

Как сделать невозможным заполнять второй input, если первый пустой?

оо, спасибо!