Skip to content
Youths Forum Youths Forum Youths Forum

Tech Blogs & Programming Tutorials

Youths Forum Youths Forum Youths Forum

Tech Blogs & Programming Tutorials

  • Blog
  • News
  • Programming
    • PHP
    • JavaScript
    • JQuery
    • CSS
    • HTML
    • API
  • Stock Market Live
  • Automobiles
    • Cars
  • Gadgets
    • Phones
    • Android Phones

Categories

  • Artificial Intelligence (1)
  • Automobiles (12)
    • Cars (7)
  • Blog (104)
    • Poems (2)
    • Space (2)
  • Command (2)
  • Education (2)
  • Entertainment (4)
  • Gadgets (9)
    • Phones (8)
      • Android Phones (4)
  • HTML Templates (11)
  • IT Training Institutes (1)
  • Lifestyle (4)
  • News (327)
  • Others (23)
  • Programming (296)
    • API (16)
    • CSS (83)
    • Database (4)
    • Hosting (1)
    • HTML (37)
    • JavaScript (117)
      • JQuery (27)
      • ReactJS (7)
    • PHP (116)
  • Python (3)
  • recipes (1)
  • SEE Result (1)
  • Server (3)
  • Blog
  • News
  • Programming
    • PHP
    • JavaScript
    • JQuery
    • CSS
    • HTML
    • API
  • Stock Market Live
  • Automobiles
    • Cars
  • Gadgets
    • Phones
    • Android Phones
Close

Search

JavaScript

Random Background Color using JavaScript

By Admin
February 23, 2021 1 Min Read
0

In this post, we will be writing a simple JavaScript function that will generate random color which we set as the background of webpage.

Source Code :

<body onclick="changeColor();">

</body>


<script type="text/javascript">
  function generateColor(){
    length = 6;
    var chars = 'abcdef0123456789';
    var color = '';
    if(length > 0){
      for(var i=0; i < length; i++){
          color += chars.charAt(Math.floor(Math.random() * chars.length));
      }
    }
    return '#'+color;
  }

  function changeColor(){
    document.body.style.backgroundColor = generateColor();
  }

  changeColor();
</script>

 
Follow this video for complete guidance :

Tags:

javascriptrandom
Author

Admin

Follow Me
Other Articles
Previous

Notebook design using HTML & CSS

Next

The Secrets to Success

No Comment! Be the first one.

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Posts

  • Technical Problem in Standard Chartered’s Express Check Clearing: Customers Troubled for 3 Days
  • China’s cooperation in Himalayan disaster is commendable, we are committed to One-China policy: Minister Khanal
  • Are you thinking of taking weight loss medication? New study shows hair loss risk
  • KIST Teaching Hospital’s Service Now at Home, ‘KIST At Home’ to Launch
  • Urges to Celebrate National Children’s Day, Prioritizing Protection of Flood-Affected Children

Tags

adsense ai animate animation animation using HTML and CSS API blog calculator chatgpt Cryptocurrency CSS css animation design Email Facebook featured filemanager file manager free template google htaccess HTML image Instagram interview javascript JQuery jquery ui NADA AutoShow NADA Auto Show 2024 password PHP Progressive Web App PWA QR random react reactjs Rotate travel Twitter vpn youthforum youthsforum youtube

About Us

At Youths Forum, we are passionate about sharing knowledge that empowers students, educators, professionals, and technology enthusiasts.

Our Mission

Our mission is simple: to make technology and education accessible, understandable, and beneficial for everyone. We strive to create content that helps our readers learn new skills and stay updated with industry developments.

RSS RSS

  • China’s cooperation in Himalayan disaster is commendable, we are committed to One-China policy: Minister Khanal Admin
  • Are you thinking of taking weight loss medication? New study shows hair loss risk Admin
  • KIST Teaching Hospital’s Service Now at Home, ‘KIST At Home’ to Launch Admin

Quick Links

  • Stock Market Live
  • Parliament Election 2082
Copyright 2026 — Youths Forum. All rights reserved. Blogsy WordPress Theme