[Nlk]

Ребят, всем привет!
Пожалуйста укажите на ошибку в коде.
Почему при клике на выбранных элементах они не пропадают?

<h1 class="oli">вариант 1</h1>
<p class="sd">вариант 2</p>
<p class="oli">вариант 3</p>

var x = document.querySelectorAll('.oli');
document.x.addEventListener("click", myFunction);

function myFunction() {
	var i;
	for (i = 0; i < x.length; i++) {
		x[i].style.display = "none";
	}
}