How to add same JavaScript functionality for all the common part of web pages html file like navbar toggle, open submenu on mouseover

Question

In my portfolio project there are some common html code snippet on about, projects, contact.html pages like navbar,footer and sidebar. The main app.js file contains toggling sidebar functionality, mouseover event on menus to open submenu, hint text on icon hover etc How to add these functionality on every html pages.

We link app.js to every html pages, but there were showing various error like various element undefined since app.js has more code and element selection.

Extract the related code of toggling in one common js file and include that on all the required files. — CodeThing
– CodeThing, Commented Mar 26, 2023 at 18:25

OVERMIND · Accepted Answer · 2023-03-26 19:13:13Z

0

To avoid "hardcoding". Make Web Components out of your developments. Isolation and reuse is our everything :)

answered Mar 26, 2023 at 19:13

OVERMIND

475 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

How to add same JavaScript functionality for all the common part of web pages html file like navbar toggle, open submenu on mouseover

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related