Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

393
Views
Uncaught TypeError: Cannot set properties of null (setting 'onclick')?

I wrote a very simple html css program and add a javascript in it, here is my program and my javascript in it

(my program : https://github.com/phianh2904/phan-8-web-the-band-tablet-responsive)

my javacript in index.html file

    <script>
    var header = document.getElementById('header');
    var mobileMenu = document.getElementById('mobile-menu');

    mobileMenu.onclick = function() {
        console.log(header.clientHeight);
    }

    const buyBtns = document.querySelectorAll('.js-buy-ticket')
    const modal = document.querySelector('.js-modal')
    const modalclose = document.querySelector('.js-modal-close')
    const modalcontainer = document.querySelector('.js-modal-container')

    // ham hien thi modal mua ve tuc la them class open vao modal
    function showBuyTickets() {
        modal.classList.add('open')
    }

    // ham an modal mua ve them class open vao modal
    function hideBuyTickets() {
        modal.classList.remove('open')
    }


    // lap qua tung the button va nghe hanh vi click
    for (const buyBtn of buyBtns) {
        buyBtn.addEventListener('click', showBuyTickets)
    }

    // nghe hanh vi click vao button close
    modalclose.addEventListener('click', hideBuyTickets)

    //clcik vao khoang khong de dong cac the con lai
    modal.addEventListener('click', hideBuyTickets)

    //click vao ben trong thi khong bi lam sao ca
    modalcontainer.addEventListener('click', function(event) {
        event.stopPropagation()
    })
    </script>

As you can see in my javascript code snippet, it is very simple. I Wrote the code

var header = document.getElementById('header');
var mobileMenu = document.getElementById('mobile-menu');
mobileMenu.onclick = function() {
      console.log(header.clientHeight);
}

to show the clientHeight.

But here is the error I had :

picture about my problem

Uncaught TypeError: Cannot set properties of null (setting 'onclick') at index.html:231:28

As they said in this link Uncaught TypeError: Cannot set property 'onclick' of null

I put the script in the end of the body element, and wrap code in but it did not work. So could you please give me some answer for this problem ? Thank you very much for your time.

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!