Ergebnis 1 bis 4 von 4

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
    534
    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

  3. #3
    Neuer Benutzer
    Registriert seit
    26.08.2019
    Ort
    Honduras
    Beiträge
    5

    Hintergrundfarbe per Button ändern

    Gerade in apple

  4. #4
    Neuer Benutzer
    Registriert seit
    03.09.2019
    Ort
    Egypt
    Beiträge
    1

    Hintergrundfarbe per Button ändern

    ich bräuchte eine kleine Hilfestellung für das folgende Problem:

    Ich habe eine TextBox und ein Button. Wenn der Button betätigt wird soll der Zahlenwert aus der TextBox an die Variable nDisks übergeben werden.
    Mein Ansatz war "nDisks = Inputbox.value;"
    Aber das funktioniert nicht wie gedacht. Hat jemand einen Tip wo mein Fehler liegt?

    HTML-Code:

Lesezeichen

Lesezeichen

Berechtigungen

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