Может у PLZ помочь мне, чтобы открыть окно модели с кнопки в JavaScript?

---

Я изо всех сил пытаюсь открыть диалоговое окно в java script с помощью нажатия кнопки, но получаю некоторую ошибку, например, не удается получить свойство "onclick" неопределенной или нулевой ссылки.Может у PLZ помочь мне исправить это??

Что я уже пробовал:

HTML:

<button id="myBtn">Open Modal</button>

<!-- The Modal -->
<div id="myModal" class="modal">

  <!-- Modal content -->
  <div class="modal-content">
    <span class="close">×</span>
    <p>Some text in the Modal..</p>
  </div>

</div>
<pre>

*****js******:
<pre>r modal = document.getElementById('myModal');

var btn = document.getElementById("myBtn");

var span = document.getElementsByClassName("close")[0];
 
btn.onclick = function() {// here I get error 
    modal.style.display = "block";
}
span.onclick = function() {
    modal.style.display = "none";
}


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

---