how to fix : ” TypeError: Cannot read property ‘addEventListener’ of null”…?//

This happens because you’re including the file containing your JavaScript in the <head> section of your html file.

<script type="text/javascript"  src="app.js" charset="utf-8"></script>

That means the browser will try to execute this statement

const p_div = document.getElementById("p");

but will fail to do so because the element in question is defined in the <body> section later on. Try to move the <script> section to the end of the <body>.

Related Posts:

  1. Failed to load resource: the server responded with a status of 404 (Not Found)
  2. Maximum call stack size exceeded error
  3. Google Chrome Uncaught (in promise) DOMException while playing AUDIO
  4. How to make a word underline in Markdown
  5. ChartJS beginAtZero, min, max doesn’t work
  6. Cannot set property InnerHTML of null [duplicate]
  7. ReferenceError: $ is not defined
  8. React.js: Set innerHTML vs dangerouslySetInnerHTML
  9. jQuery document.createElement equivalent?
  10. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  11. How can I scroll to an element using jQuery?
  12. jQuery.click() vs onClick
  13. jQuery Get Selected Option From Dropdown
  14. What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
  15. (change) vs (ngModelChange) in angular
  16. Change Background color (css property) using Jquery
  17. Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
  18. Get class name using jQuery
  19. How to clear the canvas for redrawing
  20. Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
  21. JavaScript get element by name
  22. Completely disable scrolling of webpage
  23. TypeError: Cannot Set property ‘onclick’ of null
  24. display variable image using cookies
  25. character counter – backspace doesn’t reflect on characters remaining
  26. Open URL in same window and in same tab
  27. Create table with jQuery – append
  28. How to convert selected HTML to Json?
  29. How would I call a javascript function in html?
  30. How to Open New window on every Click
  31. Encode HTML entities in JavaScript
  32. “.addEventListener is not a function” why does this error occur?
  33. Cannot read property ‘getContext’ of null, using canvas
  34. Coin toss with JavaScript and HTML
  35. Play an audio file using jQuery when a button is clicked
  36. How to move an element after another element using JS or jquery?
  37. How to use Javascript to read local text file and read line by line?
  38. Why is the jquery script not working?
  39. getBoundingClientRect is not a function
  40. Javascript removeEventListener not working
  41. Jquery button click() function is not working
  42. Make iframe automatically adjust height according to the contents without using scrollbar?
  43. How do I modify the URL without reloading the page?
  44. Textarea Auto height
  45. How to add onload event to a div element
  46. How do I check whether a checkbox is checked in jQuery?
  47. Print the contents of a DIV
  48. How to create a HTML Cancel button that redirects to a URL
  49. Embedding instagram webpage inside an iframe
  50. How to get the selected radio button’s value?
  51. why angularjs ng-repeat not working
  52. Scroll to bottom of div?
  53. document.getElementById().value doesn’t set the value
  54. How to run a function when the page is loaded?
  55. Clearing my form inputs after submission
  56. Reload an iframe with jQuery
  57. Highlight a word with jQuery
  58. Video auto play is not working in Safari and Chrome desktop browser
  59. How to change the buttons text using javascript
  60. how to display a div triggered by onclick event
  61. anchor jumping by using javascript
  62. jQuery scrollTop() method not working
  63. FormData append not working
  64. getContext is not a function
  65. How to change the text of a label?
  66. JavaScript – Count Number of Visitor for Website
  67. Strip HTML from Text JavaScript
  68. Using “&times” word in html changes to ×
  69. How do I store an array in localStorage?
  70. Fire oninput event with jQuery
  71. Changing the selected option of an HTML Select element
  72. How can I know which radio button is selected via jQuery?
  73. Positioning
  74. img onclick call to JavaScript function
  75. How to scroll to top of page with JavaScript/jQuery?
  76. Calling a JavaScript function in another js file
  77. How to embed an autoplaying YouTube video in an iframe?
  78. JavaScript code not running in HTML5 document
  79. Cannot read property ‘style’ of undefined — Uncaught Type Error
  80. Unexpected token < in first line of HTML
  81. How to make HTML element resizable using pure Javascript?
  82. How to set “style=display:none;” using jQuery’s attr method?
  83. WordPress Bootstrap Handburger Menu Wont Open
  84. The value of attribute [ data-type ] must be in double quotes – custom html widget error
  85. Adding JavaScript to a WordPress website
  86. Insert “javascript:void(0);” into URL
  87. How to display post content in the block editor
  88. My Button Default Click Is Not Working In WordPress Using Javascript Code
  89. Why is JavaScript being added to header as application/oembed?
  90. Make a script work within a page
  91. how to let users upload their custom cover image
  92. Putting custom html/js page into Elementor as it’s own block
  93. Add Paypal button redirect to a specific page after completing
  94. internal anchor links no longer working after upgrade
  95. Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
  96. Making the HTML list to a checkbox tree with the plugin jstree [closed]
  97. dropdown does not work [closed]
  98. How do I cycle a JS function in WordPress? [closed]
  99. Styling parent based on a child element of a child in a WordPress page
  100. I have custom html mixed with inline javascript that I want added to my WordPress site, how do I achieve this?

Leave a Comment