Dark Mode Button mit JavaScript programmieren (ganz einfach) | CSS + JS Tutorial Deutsch

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 18

  • @furkan.der.stabile
    @furkan.der.stabile Год назад +3

    underrated!!!

  • @peterkecks5521
    @peterkecks5521 2 года назад +4

    Es ist Wahnsinn wie du es schaffst so viel Wissen in 3 Minuten zu packen. 👍🏻

  • @Xcf_341
    @Xcf_341 2 года назад +1

    Ich hab nichts verstanden als Anfänger aber es funktioniert nachgeschrieben,
    brauche dennoch mehr / ausführlichere tutorials um es richtig zu verstehen.
    Lustig ist es trotzdem!

  • @respectthedripkaren4515
    @respectthedripkaren4515 2 года назад +1

    Kurz und knapp. Danke! :D

  • @HappyLooter
    @HappyLooter Год назад +1

    Ein perfektes Video!

  • @upphil7
    @upphil7 2 года назад +1

    Gutes Tutorial, interessant zu wissen, wie sowas funktioniert

  • @ylbytyqi1449
    @ylbytyqi1449 2 года назад +1

    Danke für das Video das hat mir sehr geholfen

  • @gamerel5028
    @gamerel5028 2 года назад +1

    Hammer - danke

  • @realkk4307
    @realkk4307 Год назад +1

    Wann kommen mal wieder neue Videos? 😍

  • @johnmuller6678
    @johnmuller6678 2 года назад +1

    Danke für das „defer“. Kannte das gar nicht. Ich habe das immer mit jQuery gemacht. War aber umständlicher.

    • @cfo3049
      @cfo3049 Год назад +1

      Soweit ich weiß, kann man das Scypt auch am ende des body´s platzieren, damit erst komplett die Seite geladen wird.

  • @b.9847
    @b.9847 Год назад +1

    Gilt denn der Darkmode nach Neuladen der Seite noch? Und wie ist es, wenn ich im Menü auf eine andere Seite gehe? Wird es immer wieder zurückgesetzt?

  • @lostgames0
    @lostgames0 Год назад

    Falls du das hier siehst kleine Frage zum Video:
    Wenn man das so programmiert bleibt das gespeichert auch wenn meine Website mehrere Elemente hat (verschiedene HTML Dokumente von einer Website).
    Wie würde man das dann handhaben?

    • @coding-kurzundknapp
      @coding-kurzundknapp  Год назад +1

      Wenn man mehrere Webseiten hat und das Theme auch nach dem Verlassen der aktuellen Seite beibehalten möchte, muss man den Zustand des Themes speichern. Dafür würde man beispielsweise localStorage benutzen. Mit der setItem() Methode kannst du den Wert speichern und mit der getItem() Methode den gespeicherten Wert laden.

    • @lostgames0
      @lostgames0 Год назад

      @@coding-kurzundknappvielen dank sehr hilfreich 😊

  • @cfo3049
    @cfo3049 Год назад

    Theoretisch kann man mit dieser JS Funktion auch auf ein komplett anders Layout switchen, richtig?

    • @coding-kurzundknapp
      @coding-kurzundknapp  Год назад +1

      Ja genau! du kannst theoretisch verschiedene Design Themes zur Verfügung stellen. Dadurch, dass man alles Mögliche in Variablen speichern kann, kann man damit dem Nutzer sehr viele verschiedene Möglichkeiten bieten, Einfluss auf das Design der Webseite zu nehmen. Weitere Möglichkeiten wären zum Beispiel ein Blaulichtfilter oder eine Farbpalette für Menschen mit rot-grün Schwäche etc.

  • @joachimpurcher7884
    @joachimpurcher7884 8 месяцев назад

    Super interessant und lehrreich. Aber für meinen Geschmack zu schnell gesprochen. Das stresst etwas.