JavaScript Background Color Change

Blog Gönderisi Resmi

Click to get information about our services.

Colors are very important in the web development process, both at the design and coding stages. Correct use of the colors determined by the designers during the coding stage increases the quality of the website. At this point, the document.body.style.BackgroundColor property comes into play.

The document.body.style.BackgroundColor property is a command used in the JavaScript language and is used to determine the background color of the web page. Through this feature, the background color of the web page can be easily changed to different colors.

Sample Code:


<div>
    <button onclick="arkaplankirmizi()">Beyaz Yap</button>
</div>
<script>
    function arkaplankirmizi() {
        document.body.style.backgroundColor = "red";
    }
</script>

In the example above, a button was created in a div, the "onclick" property was given to the button, and the JavaScript code that should be run when clicked was added. If you want it to change when you touch a picture with the mouse or a text when you touch it with the mouse, you should use "onmouseover".

Thanks to this feature, the background color of web pages can be changed to match the colors of your brand or the purpose of the site. For example, you can choose pastel colors for a fashion blog, or use darker colors for a technology-focused site.

CODES

See the Pen Untitled by EnesAlp (@enesalpcomtr) on CodePen.

What We Recommend For You

Blog Resim
Vue.JS Nedir? Nerelerde Kullanılır?

JavaScript

Vue.JS, açık kaynak bir JavaScript hızlı geliştirme uygulama çerçevesidir. Vue.JS, tek sayfalı uygulamalar (SPA) oluşturmak için kullanılabilecek ..

Read More
Blog Resim
Making Load-More Button and Its Importance in terms of SEO

JavaScript

The Load more button is a button that allows unlimited loading of content on a particular page on a website. This button provides a better user experience ..

Read More
Blog Resim
Whatsapp Contact Code to Your Website

JavaScript

Today, millions of people communicate with each other through instant messaging applications. The most popular of these is Whatsapp. But did you know that you can contact a person via...

Read More
Blog Resim
What Are JavaScript Functions and Examples?

JavaScript

JavaScript, one of the most popular programming languages of our time, includes various functions that increase the user experience by adding ..

Read More