[Need help] Creating html.js file

[kamlekar]

<div class="html-click" data-html-class="btn" data-html-target=".className"></div>

As shown in the above example element, I am trying to write a small JS library.

Explanation:

• Whenever a element with "html-click" class is clicked, the value of attribute data-html-class is added a class name to the element whose class name or ID is mentioned as value in the attribute data-html-target.
• The click should work for dynamic elements also.
• The click should work as toggle functionality.
• Possible values for data-html-target are
  • .class name - adds the data-html-class value to all classes with the class name provided.

  • ID - adds the data-html-class to the id.

• if data-html-target is not added, then data-html-class value gets added to the clicked element itself.

[kamlekar]

Check the designed Code structure flow here.

[kamlekar]

I think this is not possible to do with click events as I need to track the clicked element when clicked on document also. For this, I think I need global variables. This concept will work if we consider mousedown and mouseup events instead of click event. We should program manually the clicking behaviour on mousedown and mouseup events.

[kamlekar]

Somehow, completed it myself :D