Как изменить цвет фона с помощью <type color>?

Question

Кликают только div с id, div с именами классов не кликает.Нажав на div с id, вам нужно изменить цвет.Классы div не нужно нажимать, и они не должны менять свой цвет.Я добавил его в цветовой класс типа imput, чтобы он тоже не щелкал.Если я попробую document.getElementByID ("backgroundcolor").Значение;работает нормально, если я пытаюсь document.getElementsByClassName ("backgroundcolor").значение;не работает.Мне нужно вызвать функцию ByClassName (цвет), но она не работает, Идеи?

#divid{
  width: 450px;
  height: 170px;
  margin: 10px;
  padding: 10px;
  background-color: blue;
}



.divclass{
  width: 450px;
  height: 170px;
  margin: 10px;
  padding: 10px;
  background-color: blue;
}

<input type="color" class="backgroundcolor" onchange="BackgroundColor()">

<div  class="divclass">
</div>


<div  id="divid">
</div>

var div = document.getElementsByTagName("div");
var divCount = div.length;
var clickedDivId;

for (var i = 0; i < divCount; i += 1) {
    div[i].onclick = function(e) {
        if (e.target.id) alert(this.id);
        clickedDivId = this.id;
        e.stopPropagation();
    };
}  


function BackgroundColor(){
            var x = document.getElementsByClassName("backgroundcolor").value;
        document.getElementById(clickedDivId).style.backgroundColor = x;

}

Answer 1

var x = document.getElementsByClassName ("backgroundcolor") [0] .value;