javascript question

Question

i want to design an application using javascript in which on button click event the color of div change and on the subsequent click the color of div should be different and here sholud be 10 colors in a collection

Rahul Bansal · Answer

Here is the Solution. you can find the attached file. var count = 1; function setColor() { var property = document.getElementById('div1'); //alert(count); switch (count) { case 1: { property.style.backgroundColor = Red; count = 2; break; } case 2: { property.style.backgroundColor = Green; count = 3; break; } case 3: { property.style.backgroundColor = Yellow; count = 4; break; } case 4: { property.style.backgroundColor = Blue; count = 5; break; } case 5: { property.style.backgroundColor = Pink; count = 6; break; } case 6: { property.style.backgroundColor = Black; count = 7; break; } case 7: { property.style.backgroundColor = White; count = 8; break; } case 8: { property.style.backgroundColor = Brown; count = 9; break; } case 9: { property.style.backgroundColor = Orange; count = 10; break; } case 10: { property.style.backgroundColor = Gray; count = 1; break; } } } onclick=setColor();> Click Me! test