Почему первое модальное окно не закрывается jsfiddle внутри?

Question

[Alexandra095]

ССылка

кусок html для первого

a id="myBtn"><img src="img/low1.png"></a>
					<div id="myModal" class="modal">
						<div  class="modal-content">
                                            <span class="close>&times;</span>
                                              </div>
                                        </div>
                             <script src="js/script.js"></script>

Js для первого

var modal = document.getElementById('myModal');
var btn = document.getElementById("myBtn");
var spa = document.getElementsByClassName("close")[0];

btn.onclick = function() {
	modal.style.display = "block";
}
spa.onclick = function() {
	modal.style.display = "none";
}

window.addEventListener ('click', function (event) {
	if (event.target == modalz) {
		modalz.style.display = "none";
	}
})

html для второго

<button id="raz">Open modal</button>
						<div id="two" class="modal">
							<div class="contmod">
								<span class="close">&times;</span>
								<p> modal</p>
							</div>
						</div>
						<script src="js/script1.js"></script>

var two = document.getElementById('two');
var raz = document.getElementById("raz");
var spaned = document.getElementsByClassName("close")[0];

raz.onclick = function() {
    two.style.display = "block";
}
spaned.onclick = function() {
    two.style.display = "none";
}

window.onclick = function (event) {
	if (event.target == two) {
		two.style.display = "none";
	}
}

Answer 1

[wallydnb]

В вашем примере происходит переприсваивание. Нужно делать как-то так:

window.addEventListener('click', function (event) {
        //...
})

Comments

[Stalker_RED]

Кроме того var span повторяется. Если оно в глобальной области видимости, могут быть проблемы. Ну и оба раза находится одна и та-же кнопка.

[Alexandra095]

window.addEventListener ('click', function (event) {
if (event.target == two) {
two.style.display = "none";
}
})

но ничего не происходит, может я что - то не так сделала?

[wallydnb]

Советую оформить в JsFiddle, чтобы можно было помочь на реальном примере.
А так, нужно смотреть в консоль, анализировать что происходит.

[Alexandra095]

wallydnb: https://jsfiddle.net/1aszuj8d/1/

[wallydnb]

https://jsfiddle.net/p5qo4c7f/4/

[wallydnb]

Обрати внимание на поиск кнопки close - он должен осуществляться у конкретного окна.
Делал похожую штуку в виде модуля: https://github.com/rideorgtfo/ksystems