Vanilla javascript in custom gutenberg block not working

The save function of blocks only saves markup to the database (along with HTML comments, which WP uses to parse the HTML back into the Editor). To use JS on the front end with your block, you will need to create a separate JS file for what needs to run there, and enqueue it so WordPress knows to include it.

Related Posts:

  1. Passing select control value to block
  2. Passing RichText attributes to function onChange
  3. How do I store information in a dynamic block in WordPress?
  4. How to add Internationalization in WordPress using Javascript/React?
  5. Set Button in PluginDocumentSettingPanel Content (WordPress Gutenberg)
  6. Fixed: Console.log twice in the edit function
  7. Getting a custom Gutenberg component’s state from outside that component
  8. How do I only load a plugin js on it’s settings pages?
  9. AJAX Call Via Vanilla JavaScript In WordPress Plugin Development
  10. Custom plugin giving: wp-admin/admin-ajax.php 400 (Bad Request)
  11. How to Reload the Dashboard After Clicking Update in Quick-Edit?
  12. Ajax call doesn’t work in frontend but it’s working in backend (when I’m logged in)
  13. Dequeue / Deregister script and replace it with a new plugin
  14. Insert code after tag without using functions.php?
  15. How do I use WordPress PHP functions in my Javascript code?
  16. Difference between register_block_type & wp.blocks.registerBlockType
  17. How to create popup same as wordpress popup feature
  18. Has anyone used require.js for handling plugin scripts?
  19. Can I share predefined fonts from theme_support with a gutenberg component?
  20. Gutenberg List Extension Block
  21. How to create custom embed block in gutenberg wordpress
  22. How to load plugin after page is loaded – pagespeed issues
  23. How to use get_theme_mod in gutenberg editor wordpress?
  24. Get IDs of Images from Gallery Block in InnerBlocks of a Custom Gutenberg Block
  25. React JSX in WordPress Plugin Development
  26. Pulling data from custom plugin settings using PHP shortcode and Javascript
  27. Best approach to fetch data from wp options to js file or php file
  28. Updating the Drag-To-Share eXtended share URLs?
  29. Enqueue WordPress plugin scripts below all other JS
  30. how to disable blockrenderAppender inside all Innerblocks?
  31. WordPress Gutenberg react make import of __experimentalUseInnerBlocksProps which is no more experimetal
  32. Using SVN to upload plugin created with gutenberg blocks
  33. wp.media javascript issue with on select
  34. How can I remove the WordPress-Version (?ver=5.x) from my plugin
  35. Redirect to another page using contact form 7? [closed]
  36. Delay JavaScript files from loading
  37. How to add custom table style for table block in gutenberg editor
  38. Gutenberg Block Style CSS Class Is Not Applying on Backend
  39. Why is the ‘Gutenberg’ Plugin generating an ‘Inconsistent File Permissions’ error when other Plugins, with the same permissions, do not?
  40. How to generate an all in one WordPress New content, plugin and theme update report on a website? [closed]
  41. Set Multiple Meta Values as an Array Using dispatch( ‘core/editor’ ).editPost() Call in Gutenberg/JS
  42. How to use custom Javascript code inside a plugin?
  43. how to request a script more than once in wordpress
  44. Use a custom block in another block
  45. Gutenberg default attributes are empty when accessing in edit
  46. Gutenberg: Prevent links from being clickable in the block. Error: “Cannot destructure property ‘frameElement’ of ‘r’ as it is null.”
  47. Has blocks gutenberg block multiples registers type in my Plugin
  48. Cannot run script properly with my custom plugin
  49. Possible way of having multiple Gutenberg instances for a page?
  50. How to resolve warning for `unstableOnSplit` prop on a DOM element in block editor
  51. How to dynamically add template in Innerblock?
  52. Add style to body based on url
  53. How to properly enqueue jQuery knob on WordPress without conflict?
  54. How to create a custom block in Gutenberg with multiple checkboxes?
  55. Problem with wordpress has_action() function
  56. Multiple image selection custom widget
  57. Create a form and have custom menu display based on user answers?
  58. AJAX update fails for public/non-admin users
  59. Block content rendering on the top just below body tag
  60. WordPress ajax error 400 bad request for sending data to remote site [duplicate]
  61. How to use information from the database in the front-end?
  62. Custom plugin giving: wp-admin/admin-ajax.php 400 (Bad Request)
  63. How to pass value from WordPress to Javascript
  64. Javascript in plugin not working
  65. How to limit each front-end user to view just his own uploaded files on Amazon S3?
  66. Creating a user ‘add custom field’ section
  67. Need to hide an element depending on date and post category
  68. Ajax, jQuery and WordPress
  69. Plugin – including external javascript calling google maps
  70. get_option include in my adsense
  71. Is it possible to run javascript on plugin deactivated?
  72. Ajax in Plugins: returns the whole page
  73. Gutenberg: Dynamic Block – Show saved data in the editor
  74. Load css classes after using ajax calls
  75. How to create post comparison in wordpress
  76. Create plugin with multiple blocks
  77. How to access values from your own settings page in javascript?
  78. Refresh server side rendered block in Gutenberg without changing attributes or its content
  79. How do I set register_meta for a specific CPT?
  80. How do I save meta key value in the save function?
  81. Update Content for a Custom Block Toolbar Button
  82. Wrong block appender button showing
  83. How to get custom setting from get_option and pass it in getEntityRecords in gutenberg block?
  84. WordPress custom block: Link saved in database not retrieved when editing post
  85. How to add a shortcode button to the TinyMCE editor?
  86. Modifying a JS file with data from plugin settings
  87. Plugin upgrading: Widget settings
  88. Editor not displaying dynamically after clicking on the button
  89. How to submit documentation with plugin
  90. Placement of Code in Plugin for hooking `save_post`
  91. Override Javascript in a Plugin?
  92. Creating a plugin to sanitize comment and the url field before display only
  93. Change the display of Settings API (do_settings_sections)
  94. How to execute a plugin on a single page only?
  95. Custom CSS not being added by plugin
  96. How do i specify a url to which to redirect the user after he logs out from facebook?
  97. How to show multi line output from metabox
  98. Visual composer custom element error
  99. when i activate my WordPress plugin cannot see customizer options or preview
  100. Protect WordPress option value