How to fix “Cannot read property ‘addEventListener’ of null” error [duplicate]

You are loading the Javascript file in the <head>, before the body of your HTML Is loaded. Therefore your line

const guessSubmit = document.querySelector('.guessSubmit');

Has nothing to look up – your button with class guessSubmit doesn’t exist yet. And since guessSubmit is null, it does not contain any properties, hence the error.

The easiest solution is to put your <script> tag at the bottom of your HTML body rather than the head. This way it will load your Javascript after the DOM is completely loaded.

Alternative ways include adding event listeners to run your script after the DOM is loaded, such as DOMContentLoaded. See more here: https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded.

Related Posts:

  1. “Uncaught SyntaxError: Cannot use import statement outside a module” when importing ECMAScript 6
  2. Failed to load resource: the server responded with a status of 404 (Not Found)
  3. Failed to load resource: the server responded with a status of 404 (Not Found)
  4. Maximum call stack size exceeded error
  5. How to properly use jsPDF library
  6. Can I use complex HTML with Twitter Bootstrap’s Tooltip?
  7. What’s the difference between using “let” and “var”?
  8. Google Chrome Uncaught (in promise) DOMException while playing AUDIO
  9. How to make a word underline in Markdown
  10. ChartJS beginAtZero, min, max doesn’t work
  11. How do I check whether a checkbox is checked in jQuery?
  12. how to fix : ” TypeError: Cannot read property ‘addEventListener’ of null”…?//
  13. Cannot set property InnerHTML of null [duplicate]
  14. ReferenceError: $ is not defined
  15. React.js: Set innerHTML vs dangerouslySetInnerHTML
  16. How do I check whether a checkbox is checked in jQuery?
  17. jQuery document.createElement equivalent?
  18. (Google Map API) Geocode was not successful for the following reason: REQUEST_DENIED
  19. How to make a word underline in Markdown
  20. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  21. How to play audio?
  22. How to play audio?
  23. How can I scroll to an element using jQuery?
  24. jQuery.click() vs onClick
  25. jQuery Get Selected Option From Dropdown
  26. Include another HTML file in a HTML file
  27. Check if checkbox is checked with jQuery
  28. Add swipe left/right to web page, but use default swipe up/down
  29. How to add jQuery code into HTML Page
  30. How can I get the data-id attribute?
  31. Check if checkbox is checked with jQuery
  32. How to import jquery using ES6 syntax?
  33. How to resolve the C:\fakepath?
  34. What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
  35. Node.js – SyntaxError: Unexpected token import
  36. Node.js – SyntaxError: Unexpected token import
  37. Angular: mat-form-field must contain a MatFormFieldControl
  38. forEach is not a function error with JavaScript array
  39. (change) vs (ngModelChange) in angular
  40. Bootstrap Dropdown menu is not working
  41. Getting Unexpected Token Export
  42. React with ES7: Uncaught TypeError: Cannot read property ‘state’ of undefined
  43. jquery SlideToggle effect in upward direction?
  44. Change Background color (css property) using Jquery
  45. Using Node.js require vs. ES6 import/export
  46. Cannot find module ‘@angular-devkit/core’
  47. Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
  48. Get class name using jQuery
  49. How to clear the canvas for redrawing
  50. Adding options to select with javascript
  51. How can I mock an ES6 module import using Jest?
  52. Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
  53. Set timeout for ajax (jQuery)
  54. How does the data-toggle attribute work? (What’s its API?)
  55. CSS height 100% percent not working
  56. JavaScript get element by name
  57. Use images like checkboxes
  58. How to read xml file contents in jQuery and display in html elements?
  59. HTML5 Local storage vs. Session storage
  60. How can I quickly retrieve a value from a MapIterator returned from Object.keys function?
  61. Completely disable scrolling of webpage
  62. TypeError: Cannot Set property ‘onclick’ of null
  63. Express Render not working return error: No default engine was specified and no extension was provided
  64. How do I scroll to an element using JavaScript?
  65. Jquery swipe left or right on mobile
  66. Programmatically change the src of an img tag
  67. display variable image using cookies
  68. How to move an element into another element?
  69. character counter – backspace doesn’t reflect on characters remaining
  70. Open URL in same window and in same tab
  71. Create table with jQuery – append
  72. Error: Failed to execute ‘appendChild’ on ‘Node’: parameter 1 is not of type ‘Node’
  73. How to scroll to an element?
  74. How to convert selected HTML to Json?
  75. ES6: Create Strings using Template Literals – Freecodecamp
  76. How would I call a javascript function in html?
  77. How to Open New window on every Click
  78. Encode HTML entities in JavaScript
  79. Cannot read property ‘bind’ of undefined. React.js
  80. “.addEventListener is not a function” why does this error occur?
  81. Uncaught TypeError: Cannot read property ‘top’ of undefined
  82. How to move all HTML element children to another parent using JavaScript?
  83. Cannot read property ‘getContext’ of null, using canvas
  84. How can I select an element by name with jQuery?
  85. Full-screen iframe with a height of 100%
  86. How to add multiple classes to a ReactJS Component?
  87. Coin toss with JavaScript and HTML
  88. How to print HTML content on click of a button, but not the page?
  89. jQuery disable/enable submit button
  90. How to delay display of page elements until enqueued script has injected html
  91. how to do open a link in a open window from menu bar? [closed]
  92. Making the HTML list to a checkbox tree with the plugin jstree [closed]
  93. Why the images on mi javascript are not found?
  94. dropdown does not work [closed]
  95. How do I cycle a JS function in WordPress? [closed]
  96. Styling parent based on a child element of a child in a WordPress page
  97. I have custom html mixed with inline javascript that I want added to my WordPress site, how do I achieve this?
  98. Sending GravityForms to custom HTML
  99. Processing javascript on wordpress
  100. How to use Javascript to get data from a WordPress form

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)