Изменение отображения в элементе класса методом onclick в javascript
Этот код не работает.
var x = document.getElementsByClassName("circle");
for (var i = 0; i < x.length; i++) {
x[i].onclick = function(){ alert("hello!");};
}
Почему ты зацикливаешься?
по крайней мере, та часть, которой вы пытаетесь манипулировать
потому что у него есть getelements, а не getelement
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Сделайте это лучше:
for ( i = 0; i < x; i++) {
x[i].addEventListener('click', function() { alert('Hello World') });
}
<body> <div> <div id = "scorePanel"> <div id = "score"> Ваш результат: 0 </div> <div id = "bestScore"> Лучший результат: </div> </div> < div class = "circle"> </div> </div> </body>
<стиль> .circle {ширина: 80 пикселей; высота: 65 пикселей; радиус границы: 40 пикселей; радиус границы: 50%; цвет фона: розовый; граница: 1px сплошное серебро; маржа слева: 20 пикселей; маржа сверху: 40 пикселей; плыть налево; курсор: указатель; } </style>
что именно ты хочешь делать?
на самом деле я хочу изменить отображение кругов на отсутствие и скрыть их,
поэтому внутри функции типа x [i] .style.display = 'none';
это скроет их
var x = document.getElementsByClassName("circle");
for (var i = 0; i < x.length; i++) {
x[i].onclick = function() {
this.style.opacity = 0
};
}.circle {
width: 100px;
height: 100px;
background: red;
border-radius: 50%;
margin: 20px;
float: left;
transition: all .3s linear;
}<div class = "circle"></div>
<div class = "circle"></div>
<div class = "circle"></div>
<div class = "circle"></div>Действительно хороший ответ, вы передали его лучше, чем я. В следующий раз отвечу так же, как и вы.
не могли бы вы предоставить HTML?