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. Why my browser keeps loading old version of custom JavaScript files in \divi\js? [closed]
  4. How do I only load a plugin js on it’s settings pages?
  5. How can I change my javascript after it has been enqueued? [closed]
  6. What happened to convertEntities?
  7. Create Proper WordPress Ajax Request in JavaScript, NOT jQuery
  8. How do I use WordPress PHP functions in my Javascript code?
  9. How to avoid redefining requirejs in plugin when another plugin also uses requirejs
  10. Difference between register_block_type & wp.blocks.registerBlockType
  11. Has anyone used require.js for handling plugin scripts?
  12. Can I share predefined fonts from theme_support with a gutenberg component?
  13. How do I store information in a dynamic block in WordPress?
  14. W3 Total Cache: Load CSS asynchronously for better PageSpeed score? [closed]
  15. Pass a php string to a javascript variable
  16. Problem in loading javascript in footer
  17. add mediaelement.js plugins into WordPress video player control bar
  18. Shortcode button dosent work for all posts. Work for first post only
  19. Get IDs of Images from Gallery Block in InnerBlocks of a Custom Gutenberg Block
  20. React JSX in WordPress Plugin Development
  21. Internationalization autocomplete JS variable
  22. Is there an earlier hook than login_head or login_enqueue_scripts?
  23. Can someone please tell me what is wrong with my plugin?
  24. Scripts at the end of the page
  25. Enqueue WordPress plugin scripts below all other JS
  26. Can I use custom CSS and js plugin to put JavaScript in to validate my forms
  27. Time consuming callbacks in customizer
  28. add image crop function like in wp customizer
  29. Calculate price and display on woocommerce product single page under price (simple price, variable price) [closed]
  30. Executing Javascript when a New Post is Published
  31. Set featured image using javascript in post editor
  32. Display encrypted content on my website
  33. Trying to create a private area custom for each user where they upload images to a server [closed]
  34. wp.media javascript issue with on select
  35. WordPress + JavaScipt + AJAX + MySQL: insert query for form
  36. Add custom JavaScript that is a combination of CDN/uploaded files and easily-edited code?
  37. How to get my plug-in, wrote in php, to refresh on its own every 5 minutes?
  38. Using TinyMCE in plugin?
  39. GeoMashup plugin: how to customize cluster markers / icons? [closed]
  40. How can I remove the WordPress-Version (?ver=5.x) from my plugin
  41. wordpress add_action() issue in ajax call
  42. Localizing methods for jQuery append prepend wrap parent
  43. how to insert a HTML form into a javascript popup?
  44. Display a consistent Google Plus icon on ALL pages of my site
  45. Which plugin can do horizontal scrolling of RSS feeds in WordPress [closed]
  46. get specific value of a array | PHP
  47. coding a WordPress AJAX Form using PHP to check if User is Logged Out and Show error
  48. Conditional custom redirect
  49. Meta slider plugin only works after first refresh – Object has no method ‘flex slider’
  50. Load CSS files in header of Bones theme?
  51. how to request a script more than once in wordpress
  52. How to turn off automatic operation for Nivo Slider?
  53. How to enqueue some javascript source once per page
  54. JS Plugin not executing the js correctly. Trying to make all internal links scroll smoothly
  55. Call javascript functions from each page
  56. Javascript from Easy-Fancybox place into footer
  57. Wp-minify doesn’t seem to minify my JS code
  58. uncaught TypeError: Cannot read properties of null (reading ‘classList’) custom plugin
  59. How do I minify a plugins CSS/JS code?
  60. Ajax call not working in wordpress through a plugin
  61. Javascript fetch on wordpress plugins not working
  62. Jquery POST Ajax Return null data in wordpress
  63. Validating ajax search
  64. Cannot run script properly with my custom plugin
  65. Overriding inline !important CSS with Javscript code snippet with media query
  66. Add style to body based on url
  67. Performing CRUD operations on front end in wordpress
  68. How to add specific script to WordPress webpage that will working with user input and databases
  69. Ajax Call not Working in Plugin
  70. How to create a custom block in Gutenberg with multiple checkboxes?
  71. Website always load twice on start
  72. Add external javascript to post template
  73. Why can I not deregister my style and script on custom post type?
  74. AJAX update fails for public/non-admin users
  75. Javascript inserted from Plugin pointing to wrong location
  76. Speeding up WordPress on a Local Network
  77. Conditional Fields depending on checkboxes
  78. How to pass value from WordPress to Javascript
  79. Number format in thousands on highcharts in wpdatatable plugin
  80. Facebook Quote Plugin for Blockquote?
  81. Adding javascript to header of MetroMagazine theme
  82. Embed Javascript code to registered users only
  83. Javascript in plugin not working
  84. Best use adding user generated JS/CSS to a theme with a plugin
  85. Jetpack Comments Change Placeholder Text
  86. Media Playlist Plugin
  87. Adding an onchange event to a custom dropdown menu in WordPress
  88. How to set up php,javascript and css to allow for our finished product to be displayed within a page?
  89. Possible jquery / library conflict in plugin usage
  90. Plugin and javascript placement
  91. Why won’t the Comprehensive Google Map Plugin load?
  92. get_option include in my adsense
  93. Expanding / Collapsing Modules in WordPress Panel
  94. making a simple plugin
  95. Javascript as Jquery Function Call?
  96. How to make a rest style plugin?
  97. how to show selected options drop down menu values in attributes field in after saving post.php
  98. Refresh server side rendered block in Gutenberg without changing attributes or its content
  99. Implementing onSplit/onMerge in dynamic Gutenberg Custom Blocks
  100. How to get selected variation from URL?

Leave a Comment