Baukastenprinzip - Objekte

[Rolf b]

HTML Bausteine bringen die .css und .js Dateien mit, die sie brauchen, und sorgen für ein passendes Namespacing. D.h. wenn Du dein spezielles Inputfeld haben willst, musst Du ihm eine passende Klasse wie linuchs-proposable-city-input zuweisen und dein Addon-CSS muss seine Styles so definieren, dass sie nur an input-Elementen mit der Klasse linuchs-proposable-city-input gelten. Dein linuchs-proposable-city-input.js kann sich dann auf den Moment registrieren, wo das DOM geladen ist, dort per querySelectorAll() alle linuchs-proposable-city-input Elemente heraussuchen und ihnen die nötigen Events zuschustern.

Und bevor Du so eine Seite aus dem Baukasten in Produktion gibst, rennst Du mit einem Minifizierer drüber, der aus deinen 17424 kleinen CSS und JS Dateien zwei große macht.

Wenn Dir linuchs-proposable-city-input zu lang ist, könntest Du natürlich auch den Namen 🐧⌂-input nehmen.

Rolf