Ergebnis 1 bis 2 von 2

Thema: Hintergrundfarbe per Button ändern

  1. #1
    Neuer Benutzer
    Registriert seit
    21.05.2018
    Beiträge
    1

    Hintergrundfarbe per Button ändern

    Moin Leute,

    ich soll in der Uni ein Skript basteln das unter anderem per Button die Farbe der Website verändert. "Meine" CSS Datei ist die Standard Bootstrap Bibliothek in HTML 5 eingebunden.
    Mittlerweile komme ich einfach nicht mehr weiter ich habe schon manche Dinge aus dem Internet ausprobiert, aber nichts hat geklappt

    <div class="container" id="test">
    <div class="row">
    <div class="section-heading-spacer">
    <hr class="section-heading-spacer">
    <h2 class="section-heading">Working Examples</h2>
    <button type="button" id="themeändern" class="btn btn-secondary">
    Theme ändern
    </button>

    <script>
    $( "#themeändern" ).on ("click",(function() {
    $( '#test' ).css("background-color", "FF0000")
    }))
    </script>

    so sieht mein Skriptteil aus..

    kann mir jemand helfen ?

  2. #2
    Erfahrener Benutzer
    Registriert seit
    29.10.2014
    Beiträge
    524
    Benutze keine Umlaute als ID/CLASS. Die Syntax war nicht richtig, da war ein Klammerpaar zu viel. Hex Farben haben ein # voran gestellt.
    Code ist ungetestet.
    HTML-Code:
    <div class="container" id="test">
    <div class="row">
    <div class="section-heading-spacer">
    <hr class="section-heading-spacer">
    <h2 class="section-heading">Working Examples</h2>
    <button type="button" id="themeaendern" class="btn btn-secondary">
    Theme ändern
    </button>
    
    <script>
    $( "#themeaendern" ).click(function(){
        $( '#test' ).css( "background-color", "#FF0000" )
    })
    </script>
    i++; // zaehler i um 1 erhoehen

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •