Javascript only works if browser Developer Tools panel is open

This is really more of a JavaScript question than a WordPress question. You just happen to be running it on a WordPress hook. In the future you will have better luck posting this type of question on StackOverflow.

However, I will note that document.querySelectorAll is not a live updating list. When you call it, it queries the DOM and then it’s done. And since it’s the first line in your init() function, before you have added any “fodder” classes, it’s going to return nothing. In other words, first do addClass(), then do the query selector for them.

Related Posts:

  1. What does “javascript:void(0)” mean?
  2. For-each over an array in JavaScript
  3. How can I remove a specific item from an array?
  4. require is not defined? Node.js
  5. How to implement navbar using react
  6. function updateMap for Google Maps API
  7. Loop inside React JSX
  8. Encode URL in JavaScript?
  9. JavaScript null check
  10. JavaScript “Uncaught TypeError: object is not a function” associativity question
  11. npm – EPERM: operation not permitted on Windows
  12. Module not found can’t resolve
  13. How can I get file extensions with JavaScript?
  14. How to detect Safari, Chrome, IE, Firefox and Opera browser?
  15. What does on() in JavaScript do?
  16. AngularJS : Factory and Service?
  17. What’s the difference between console.dir and console.log?
  18. Use images like checkboxes
  19. Javascript Uncaught TypeError : .split is not a function
  20. Uncaught TypeError: Cannot read property ‘msie’ of undefined
  21. How to hide a div with jQuery?v
  22. How do I pass variables and data from PHP to JavaScript?
  23. How do I set/unset a cookie with jQuery?
  24. Calling onclick on a radiobutton list using javascript
  25. How to properly export an ES6 class in Node 4?
  26. Uncaught Typeerror: cannot read property ‘innerHTML’ of null
  27. Sorting HTML table with JavaScript
  28. Relation between CommonJS, AMD and RequireJS?
  29. How to loop through an array containing objects and access their properties
  30. DOMException: Failed to load because no supported source was found
  31. Counting the occurrences / frequency of array elements
  32. how to download file in react js
  33. TypeError: $(…).DataTable is not a function
  34. Trying to use fetch and pass in mode: no-cors
  35. Moment.js transform to date object
  36. jQuery explode string like PHP
  37. Call Javascript function from URL/address bar
  38. Anagrams finder in javascript
  39. Validate date in dd/mm/yyyy format using JQuery Validate
  40. What is define([ , function ]) in JavaScript?
  41. Setting and getting localStorage with jQuery
  42. How to subtract days from a plain Date?
  43. Stopping a JavaScript function when a certain condition is met
  44. Showing an image from an array of images – Javascript
  45. Javascript isnull
  46. How to use z-index in svg elements?
  47. How do you completely remove Ionic and Cordova installation from mac?
  48. What is the best way to detect a mobile device?
  49. How to filter JSON Data in JavaScript or jQuery?
  50. What’s the best way to reload / refresh an iframe?
  51. How do I check if a cookie exists?
  52. Get querystring from URL using jQuery [duplicate]
  53. Check if string contains only digits
  54. JS: iterating over result of getElementsByClassName using Array.forEach
  55. jQuery checkbox change and click event
  56. Error: listen EACCES 0.0.0.0:80 OSx Node.js
  57. jQuery selectors on custom data attributes using HTML5
  58. How to check if a value is not null and not empty string in JS
  59. How do I refresh a DIV content?
  60. TypeError: abc.getAttribute is not a function
  61. JavaScript single line ‘if’ statement – best syntax, this alternative?
  62. jquery to validate phone number
  63. Closing Bootstrap modal onclick
  64. window.location() not working, not opening page
  65. How to clear the canvas for redrawing
  66. What’s a Good Javascript Time Picker?
  67. JavaScript event window.onload not triggered
  68. Default text on input
  69. JSX not allowed in files with extension ‘ .js’ with eslint-config-airbnb
  70. Pass custom fields values to Google Maps
  71. Gutenberg Modify core taxonomy panel element via wp.hooks.addFilter
  72. What is “open()” in MediaUpload?
  73. update_option in javascript
  74. What’s the handle for media.js?
  75. How can I add Block Style support to the core HTML block in Gutenberg?
  76. How to add comment on scripts using function in wordpress?
  77. Is there a way to check for an attribute of a script when using script_loader_tag?
  78. Jquery function working in Chrome Console but not in the code [closed]
  79. Gutenberg: Block validation Failed Richtext undefined
  80. Add custom HTML markup to Gutenberg RichText
  81. Multiple media uploader buttons target only one input on the same page
  82. Weird issue with slider on javascript
  83. Proper way to enqueue a generated script that isn’t in a .js file?
  84. Why isn’t wp_enqueue_script(‘jquery-masonry’) working?
  85. Adjusting jquery for WordPress
  86. Enqueue scripts based on browser width?
  87. what is the purpose of the namespace argument when customizing blocks?
  88. Javascript code doesn’t work in my wordpress theme
  89. How WP does Mortgage affordability calculation
  90. Putting custom html/js page into Elementor as it’s own block
  91. How to get file object from file_attachment?
  92. Drag-to-Scroll Landingpage
  93. Easiest way to find JS conflicts
  94. Nothing in dashboard that uses javascript works
  95. Update block once an API request returns with a value
  96. XMLHttpRequest of admin data to public
  97. How to execute WP shortcode in a javascript string “”
  98. Loaded JavaScript file not showing [duplicate]
  99. PHP or JS for header image rotator?
  100. Replacing & in JS code on pages