Do I just put the html in a page when enqueueng or do I also have to reference js file from the html page [closed]

When you enqueue a script with wp_enqueue_script() it adds the <script> tag part for you. If you have HTML that the script interacts with you will need to add that HTML to the page another way. You should not include the script tag in any HTML.

There are many options for adding HTML to a page, depending on where you need it:

Although I’d say that anything other than using a block is becoming obsolete at this point.

Related Posts:

  1. Building a slide down search box in wordpress
  2. Why is JavaScript being added to header as application/oembed?
  3. How to delay display of page elements until enqueued script has injected html
  4. Failed to load resource: the server responded with a status of 404 (Not Found)
  5. How to fix “Cannot read property ‘addEventListener’ of null” error [duplicate]
  6. How do I check whether a checkbox is checked in jQuery?
  7. How to make a word underline in Markdown
  8. How to play audio?
  9. How to play audio?
  10. Include another HTML file in a HTML file
  11. How to add jQuery code into HTML Page
  12. Bootstrap Dropdown menu is not working
  13. jquery SlideToggle effect in upward direction?
  14. Set timeout for ajax (jQuery)
  15. CSS height 100% percent not working
  16. Express Render not working return error: No default engine was specified and no extension was provided
  17. Jquery swipe left or right on mobile
  18. How to move an element into another element?
  19. Uncaught TypeError: Cannot read property ‘top’ of undefined
  20. How to move all HTML element children to another parent using JavaScript?
  21. How to print HTML content on click of a button, but not the page?
  22. Bootstrap 4 Dropdown Menu not working?
  23. document.getElementsByClassName().innerHTML always returns “undefined”
  24. Vue is not defined
  25. Error: ENOENT: no such file or directory, stat ‘/public/main.html’ at Error (native)
  26. onClick to get the ID of the clicked button
  27. HTML text input allow only numeric input
  28. How to change the buttons text using javascript
  29. How do I use this JavaScript variable in HTML?
  30. How to close current tab in a browser window?
  32. How to pass parameters using ui-sref in ui-router to controller
  33. How to write inside a DIV box with javascript
  34. What does ngf-select do and why is it needed for form validation?
  35. How to get height of div in px dimension
  36. Creating a div element in jQuery
  37. How to use in jQuery :not and hasClass() to get a specific element without a class
  38. Crop the image using JavaScript
  39. Adjust width and height of iframe to fit with content in it
  40. Force div to be topmost element of any and all webpages
  41. How to display raw JSON data on a HTML page
  42. Get class list for element with jQuery
  43. How to make an HTML back link?
  44. How to fix getImageData() error The canvas has been tainted by cross-origin data?
  45. HTML/Javascript change div content
  46. How To Save Canvas As An Image With canvas.toDataURL()?
  47. Why is jquery show() not working in example
  48. How can I use jQuery to run MySQL queries?
  49. Create a simple 10 second countdown
  50. Print a div content using Jquery
  51. Get the size of the screen, current web page and browser window
  52. How to enable a disabled checkbox dynamically?
  53. What’s the effect of adding ‘return false’ to a click event listener?
  54. Fully responsive HTML5 video
  55. When is a CDATA section necessary within a script tag?
  56. HTML anchor link – href and onclick both?
  57. How to create checkbox inside dropdown?
  58. How can I know which radio button is selected via jQuery?
  59. Positioning
  60. “Uncaught TypeError: Illegal invocation” in Chrome
  61. How to use aria-expanded=”true” to change a css property
  62. What does wp-embed.min.js do in WordPress 4.4?
  63. Remove extra Google Maps script
  64. What does wp-list.js do?
  65. Include jQuery UI as a whole
  66. How to echo JS right after enqueued script to put it into noConflict mode?
  67. How to wrap the content of the main tinyMCE editor with extra tags
  68. Move all the JS files to the bottom|footer, the right way
  69. Javascript not working?
  70. wp_enqueue_script & constants?
  71. wp_enqueue_scripts is not working in my plugin
  72. How do developers add “Smooth Transitions” to their sites?
  73. Exclude JS file from 404 error page
  74. Can I change an external script’s HTML?
  75. wp_enqueue_script not loading my custom js file
  76. Scripts not loading through function Method in WordPress Theme
  77. wp_enqueue_scripts not enqueing correctly
  78. Video script issue, JavaScript attribute remains ‘undefined’
  79. Javascript asset not enqueuing with the rest
  80. How do I know if I should enqueue JS code or just include it in ONE PHP function?
  81. creating a static HTML/JS/PHP page
  82. Setting Variable Path to Template Directory inside Script
  83. wp_enqueue_script does not recognize my js file?
  84. What to include to use jQuery UI Auto Complete
  85. Bootstrap bundle present in page source but not working
  86. Dynamically add Js
  87. Web cover page open when button clicked
  88. How to pass data to javascript in custom widget class
  89. Loading two versions of same JS libary
  90. Proper way of minifiying java script files in wordpress theme
  91. Adding javascript script to header via functions.php
  92. load-scripts.php loads incorrect file names
  93. early enqueueing javascript file in page template, not in functions.php
  94. jQuery + more won’t load in header
  95. JS enqueue path (localhost)
  96. Script loaders vs wp_enqueue_script
  97. wp_enqueue has a resource but doesn’t generate a script tag [duplicate]
  98. How to load JavaScript modules with script_loader_tag hook?
  99. How to securely set dynamic HTML content with JavaScript?
  100. Sending GravityForms to custom HTML