Кнопка Onclick работает только на первом элементе

Question

При нажатии кнопки на элементах оверлейный блок работает только с первым, а не с остальными

Я уже пытался добавить 2 класса, но не работал, так как читал, что это может быть проблемой, но я не могу заставить его работать должным образом.

<div class="container">
<input type="button" value="Contactar ahora" id="Overly" class="overly"  
/> 
</div>

<div id="ogrooModel" class="modalbox ogroobox" >
<div class="dialog">
<button  title="Close" onClick="overlay()"  class="closebutton" id="close">close</button>
<div  style="min-height: 150px;">
    </div>
    </div>
</div>


<script>
//only javascript
document.getElementById("Overly").addEventListener("click", function(){
var e =document.getElementsByClassName("modalbox");

    e[0].style.display = 'block';

})  ;
document.getElementById("close").addEventListener("click", function(){
var e =document.getElementsByClassName("modalbox");
e[0].style.display= 'none';
});
</script>

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

Answer 1

Вам не нужно onClick = "overlay ()" для кнопки закрытия, поскольку вы уже связываете ее с прослушивателем событий щелчка в своем скрипте.