JavaScript jest używany z elementami HTML do tworzenia interaktywnych aplikacji internetowych. Skrypt jest dodawany z elementami HTML w celu wygenerowania wyskakujących wiadomości, sprawdzania poprawności formularza, menu rozwijanego itp. JavaScript pozwala użytkownikom zmienić kolor tła elementów HTML. To działanie można powiązać z zdarzeniem kliknięcia przycisku, aby zapewnić funkcjonalność, gdy tylko użytkownik tego chce.

Ten post zapewnia głęboki wgląd, aby poprowadzić, jak zmienić kolor tła, naciskając HTML przycisk.

Jak zmienia się kolor tła, klikając przycisk w JavaScript?

JavaScript działa jako katalizator z HTML i CSS, aby zapewnić interaktywny interfejs dla strony internetowej. W tej sekcji pokazuje kod JavaScript, aby przekształcić kolor tła po kliknięciu przycisku.
Składnia do zmiany koloru tła w JavaScript jest następująca:

Składnia

dokument.getElementById („id”).styl.tło Color = „Color”;

Składnia jest opisana jako:

• kolor tła reprezentuje właściwość, aby zmienić kolor tła.
• GetElementById Określa, że ​​czytasz i edytujesz konkretny element HTML.
• kolor oznacza kolor zdefiniowany przez użytkownika do wyświetlania.

Podano przykład do konwersji koloru tła poprzez naciśnięcie/klikając przycisk.

Kod

Przykład, aby zmienić kolor tła za pomocą JavaScript

Witamy w JavaScript World

naciśnij

Kod wyjaśniono tutaj:

• Div dokumentu HTML dla kolor tła ma szerokość i wysokość 400px I 300px odpowiednio.
• Następnie wyświetlany jest komunikat z napisem „Witamy w JavaScript World”W określonej sekcji.
• Przycisk HTML jest przymocowany do znacznika przycisku, który jest powiązany z KolorFunction () metoda.
• Za pomocą tej metody kolor jest zmieniany po naciśnięciu „naciśnij" przycisk.
• Po wywołaniu zdarzenia kliknięcia przycisku kolor zmienia się w „Pomarańczowy".

Wyjście przed kliknięciem przycisku:

W wyjściu zielony jest obecny na tle tekstu „Witamy w JavaScript World". Ponadto przycisk HTML „naciśnij" jest dołączony.

Wyjście po kliknięciu przycisku:

Po naciśnięciu przycisku zielony kolor zmienia się na pomarańczowy.

Wniosek

W JavaScript kolor tła zmienia się za pomocą wbudowanej właściwości obiektu daty. Ta właściwość można połączyć z wydarzeniem na kliknięcie przycisku. Po kliknięciu przycisku kolor tła zostanie zmieniony. Tutaj nauczyłeś się, jak kolor tła zmienia się po kliknięciu przycisku JavaScript.