how would I include a js file with tags into wordpress?

First you should use the wp_enqueue_scripts to load your scripts.

add_action( 'wp_enqueue_scripts' , 'javascript_file-exmp' );

Second, be sure to both register and then enqueue your script

Register:

wp_register_script( 'links', plugins_url( 'test.js', __FILE__ ), array( 'jquery' ), '1.0', true  );

1.0 is the version, used mainly to avoid caching on when you update it.

true controls whether the script can be called from the bottom of the page rather than in the <head> tag.

Enqueue

wp_enqueue_script( 'links' );

Lastly, as suggested above you should really separate your HTML from your javascript.

Related Posts:

  1. How to load wp_editor via AJAX
  2. Getting a custom Gutenberg component’s state from outside that component
  3. How do I only load a plugin js on it’s settings pages?
  4. How can I change my javascript after it has been enqueued? [closed]
  5. What happened to convertEntities?
  6. Create Proper WordPress Ajax Request in JavaScript, NOT jQuery
  7. Ajax call doesn’t work in frontend but it’s working in backend (when I’m logged in)
  8. How do I use WordPress PHP functions in my Javascript code?
  9. White text on white background in TinyMCE when wp_editor is called in WP 3.9
  10. What’s the best plugin for allowing javascript in a post or page? [closed]
  11. Is it possible to filter the wp_footer() scripts, read the content, and insert them inline?
  12. How can I make the “Preview Post” button save and preview in the same window?
  13. Disable / Deregister all JS from all plugins
  14. Difference between register_block_type & wp.blocks.registerBlockType
  15. Has anyone used require.js for handling plugin scripts?
  16. Passing RichText attributes to function onChange
  17. Can I share predefined fonts from theme_support with a gutenberg component?
  18. javascript onload calling a function of a plugin
  19. JQuery not working in my plugin [closed]
  20. How to load plugin after page is loaded – pagespeed issues
  21. Shortcode button dosent work for all posts. Work for first post only
  22. React JSX in WordPress Plugin Development
  23. How to disable specific plugin in mobile version?
  24. Is there an earlier hook than login_head or login_enqueue_scripts?
  25. Can I use custom CSS and js plugin to put JavaScript in to validate my forms
  26. add image crop function like in wp customizer
  27. Calculate price and display on woocommerce product single page under price (simple price, variable price) [closed]
  28. Executing Javascript when a New Post is Published
  29. Set featured image using javascript in post editor
  30. Display encrypted content on my website
  31. How to edit content before post update
  32. wp.media javascript issue with on select
  33. WordPress + JavaScipt + AJAX + MySQL: insert query for form
  34. Advanced AJAX Page Loader ignores other JS code
  35. accessing wp.media api from a tinymce plugin
  36. How to load wp_editor via AJAX
  37. WordPress 3.8.3. custom theme – sliders won’t load js/css files
  38. Using TinyMCE in plugin?
  39. Redirect to another page using contact form 7? [closed]
  40. JavaScript in a PHP plugin
  41. Deactivate JS Script in Plugin Shortcode
  42. Remove / overwrite some functions in buddypress.js
  43. How do I add some javascript validation to the admin interface form’s onsubmit?
  44. how to insert a HTML form into a javascript popup?
  45. Display a consistent Google Plus icon on ALL pages of my site
  46. Add type to enqueued script inside plugin
  47. After updating the WordPress getting a syntax error in the console
  48. How to generate an all in one WordPress New content, plugin and theme update report on a website? [closed]
  49. get specific value of a array | PHP
  50. How use wp media upload liberary in react components?
  51. How to use custom Javascript code inside a plugin?
  52. JQuery needs to be defined in , but Gravity Forms is defining it in the
  53. Executing Javascript in Plugin
  54. Meta slider plugin only works after first refresh – Object has no method ‘flex slider’
  55. Javascript from Easy-Fancybox place into footer
  56. uncaught TypeError: Cannot read properties of null (reading ‘classList’) custom plugin
  57. How do I minify a plugins CSS/JS code?
  58. Code for unique user visit count on every page WordPress
  59. Directorist – Dropdown doesn’t open
  60. How to apply to hide TinyMCE (wp_editor) on button click
  61. Upload Javascript and json webpage to wordpress
  62. Stop a script on a single page
  63. Fixed: Console.log twice in the edit function
  64. Trouble with AJAX using GET
  65. Get the link title attribute and send it google analytics as custom label via google tag manager using beehive pro for WordPress
  66. Calling PHP function with AJAX
  67. How can I add a custom Javascript snippet to display my feedback in footer?
  68. front end editor creation for Restropress plug in – displaying information from a WP admin area, on a different URL
  69. Website always load twice on start
  70. How to add defer to WordPress Plugin javascript? [duplicate]
  71. Multiple image selection custom widget
  72. Execute inline javascript in wordpress after page fully loaded
  73. Custom Field used to allow a Free Story; no longer works
  74. Create a form and have custom menu display based on user answers?
  75. How to solve Blocked a frame with origin from accessing a cross origin frame error in wordpress?
  76. Enabling plugin on specific pages and subpages
  77. Speeding up WordPress on a Local Network
  78. How to use information from the database in the front-end?
  79. Custom plugin giving: wp-admin/admin-ajax.php 400 (Bad Request)
  80. Number format in thousands on highcharts in wpdatatable plugin
  81. Disqus comments count taking long to update
  82. Embed Javascript code to registered users only
  83. Best use adding user generated JS/CSS to a theme with a plugin
  84. How to set up php,javascript and css to allow for our finished product to be displayed within a page?
  85. Ajax, jQuery and WordPress
  86. Can’t insert files in other inputs
  87. How do I output user_registered time in my correct timezone?
  88. Ajax in Plugins: returns the whole page
  89. Move specific javascript to the footer
  90. Load css classes after using ajax calls
  91. How to tweak a plugin without preventing it from updating
  92. Eliminate Render blocking CSS?
  93. How to make a rest style plugin?
  94. Defer parsing of JavaScript [duplicate]
  95. How do I put a word-press blog into my static site without installing wordpress on server?
  96. How can I include properly javascript files in my wp plugin [duplicate]
  97. Adding a script & php to functions.php
  98. how to embed a crop feature for cropping images uploaded by the user
  99. how to show selected options drop down menu values in attributes field in after saving post.php
  100. Vanilla javascript in custom gutenberg block not working

Leave a Comment