W3.CSS, Hamburger Icon und Content-Security-Policy (CSP)

[uname]

Hallo,

ich nutzte W3.CSS (Datei w3.css) mit Hamburger Icon in der mobilen Ansicht ((w3-small) etwa wie hier:
https://www.w3schools.com/howto/tryit.a ... ile_navbar

Nun möchte ich gerne Content-Security-Policy (CSP) verwenden.
Das Javascript "myfunction() habe ich schon in ein eigene Datei ausgelagert.

Nun muss ich nur igendwie

Code: Alles auswählen

  <a href="javascript:void(0);" class="icon" onclick="myFunction()">
    <i class="fa fa-bars"></i>
  </a>

bei mir eher:

Code: Alles auswählen

      <a class="w3-button ..." href="#" onclick="myFunction()">

in

Code: Alles auswählen

document.getElementById("???").addEventListener('click', myFunction);

umwandeln.

Kann mir jemand sagen wie ich das machen kann?
Gerne am oben aufgeführten Beispiel. Anpassen kann ich es dann vielleicht wieder selbst.

[thoerb]

Code: Alles auswählen

<a class="w3-button ..." href="#" id="myId">

Code: Alles auswählen

document.getElementById("myId").addEventListener('click', myFunction);

Das müsste es doch eigentlich gewesen sein? Bin mir nur nicht sicher, ob das href="#" benötigt wird.

https://developer.mozilla.org/de/docs/W ... lementById