Hallo,
ich mache gerade eine Website und möchte da einen Knopf, mit dem ich die Hintergrundfarbe und die Schriftfarbe der Website ändern kann. Ich habe bereits einen Button designet, weiß aber nicht, wie ich mit ihm Befehle ausführen kann.
Vielen Dank schonmal im voraus!
Hier ist der html-text für den Button:
<main>
<button class="bonbon orange">hier drücken zum ändern der Hintergrundfarbe</buton>
</main>
und hier ist der css-text für den Button:
main{
background: white
}
.bonbon{
width.: 250px;
height: 60px;
backgorund: orange;
/* old browsers */
background: linear-gradient(to bottom, white, orange);
box-shadow: inset 0px 0px 6px #fff, inset 0px -1px 6px #fff;
border: 1px solid #5ea617;
border-radius: 1em;
marign: 1em
}
.bonbon:hover{
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.bonbon:focus {
box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px
}