Question:

I want to use javascript to change the background colour within an IF statement?

by | earlier

This is my code and its not working :(

<html>

<head>

<script LANGUAGE="JavaScript">

function main()

{

var favcolor, purple, blue, pink, yellow;

favcolor=prompt("Which colour do you prefer? purple, blue, pink or yellow?");

if(favcolor==purple)

{document.bgColor = '#CC00CC';}

if(favcolor==blue)

{document.bgColor = 'blue';}

if(favcolor==pink)

{document.bgColor = 'pink';}

if(favcolor==yellow)

{document.bgColor = 'yellow';}

document.write("You prefer "+favcolor+"? Cool!");

}

</script>

</head>

<body>

<center>

<script LANGUAGE="JavaScript">main();</script>

</body>

</html>

Tags:

Report

Answer The Question I've Same Question Too

Follow Question

2 ANSWERS

Sort By: Date | Rating

<html>

<head>

<script LANGUAGE="JavaScript">

function main()

{

favcolor=prompt("Which colour do you prefer? purple, blue, pink or yellow?");

if(favcolor=='purple')

{document.bgColor = '#CC00CC';}

if(favcolor=='blue')

{document.bgColor = 'blue';}

if(favcolor=='pink')

{document.bgColor = 'pink';}

if(favcolor=='yellow')

{document.bgColor = 'yellow';}

document.write("You prefer "+favcolor+"? Cool!");

}

</script>

</head>

<body bgcolor="pink">

<center>

<script LANGUAGE="JavaScript">main();</script>

</body>

</html>

Why Ur previous code didn't work? Because statement if(favcolor==yellow) means there are variable yellow (like yellow="#ff0000" or yellow = false), but u need to compare favcolor to string like "yellow"

Report (0) (0) | earlier
hey. the first person who answered has it right - when comparing favcolor to a string in your if statements, you need to put the string in inverted commas (ie if (favcolor == 'purple'){//do this}. Otherwise, it thinks it is comparing to a variable called purple.

your browser should recognise the name of most common colours, so you could actually adjust your program so that the user can type almost any colour and the background colour will change. see the code below:

<html>

<head>

<script LANGUAGE="JavaScript">

function main()

{

var favcolor;

favcolor=prompt("What is your favourite color?");

document.bgColor = favcolor;

document.write("Your favourite is "+favcolor+"? Cool!");

}

</script>

</head>

<body>

<center>

<script LANGUAGE="JavaScript">main();</script>

</body>

</html>

almost any colour you can think of is covered here: orange, blue, black, white, grey, purple, pink, red, yellow, green, even things like darkblue and darkgreen, crimson, dodgerblue, aliceblue, springgreen....

as long as there's no space between two words, that is!

here's a list of all the named colours:

http://www.gb.nrao.edu/~cbignell/testcol...
Report (0) (0) | earlier