Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Help: Change background color in JavaScript using Arrays

Featured Replies

Hi,

 

I am trying to work out a code where I can change the background colour of an HTML page via external JS page. Please note that I will be using different HTML pages with different colours so have to use Arrays. Here is what I have so far!!!

 

 

here is my function,

 

 

<script language="JavaScript">

 

var backColor = new Array();

backColor[0] = '#000000';

backColor[1] = '#111111;

backColor[2] = '#222222';

backColor[3] = '#333333';

 

function changeBG(whichColor){

document.bgColor = backColor[whichColor];

}

</script>

 

 

 

What I need is to apply changeBG function (which is on an external JS file) to my HTML page without applying actions like onClick or onMouse over.

 

Any help would be greatly appreciated!

  • 2 weeks later...

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.