2013-02-15 4 views
0

이 코드는 오류는 보이지 않지만 작동하지 않습니다. 이유는 누구나 볼 수 있습니까?backgroundColor?

function setStyles(){ 
    var ya 
    styles=document.getElementById("back"); 
    switch (ya){ 
     case 1:styles.style.backgroundColor='#FF0000'; 
      break; 
     case 2:styles.style.backgroundColor='#FF6600'; 
      break; 
     case 3:styles.style.backgroundColor='#FFFF66'; 
      break; 
     case 4:styles.style.backgroundColor='#669900'; 
      break; 
     case 5:styles.style.backgroundColor='#000066'; 
      break; 
     case 6:styles.style.backgroundColor='#660066'; 
      break; 
    } 
} 

window.onload = setStyles; 
+1

'ya'가 무엇인지, 어디에서 왔는지를 지정하지 않았습니다. –

+1

J. Steen의 코멘트는 거의 다 다루지 만 앞으로의 질문을 위해 코드가 무엇을해야하는지에 대한 설명을 포함하면 도움이 될 것입니다 ... – nnnnnn

답변

0

없음이 일치됩니다. (즉 그것에게 값을 제공에서)을 정의하십시오 :

... 
... 
case 6: 
    styles.style.backgroundColor='#660066'; 
    break; 
default: 
    styles.style.backgroundColor='#000000'; 
... 

편집 : 다른 case 문 하나도 일치하지 않는 경우

var ya = 1; 

또한 실행됩니다 default 케이스를 정의 할 수 있습니다에 무작위 배경색을 얻으십시오 :

var ya = Math.floor(Math.random() * 6) + 1; 
+0

무작위로 backgroundColor를로드해야하기 때문에 매번 변경됩니다. ....... 그냥 멋지다고 생각했습니다. – kate

+0

@kate는 내 편집을 봅니다 - 무작위로 설정하는 예제를 추가했습니다. – MrCode

+0

그것이 내가 원하는 것을하지 않는다는 것을 보아라. 나는 수학을 넣을 수있다. 나중에 정의 란 무엇인가? – kate

1

당신이 나중에 정의하면 의미가 있습니다 : ya이 정의되어 있기 때문에 경우 문

function setStyles(ya){ 
    var ya; 

    styles=document.getElementById("back"); 

    switch (ya) { 
    case 1: 
     styles.style.backgroundColor='#FF0000'; 
    break; 

    case 2: 
     styles.style.backgroundColor='#FF6600'; 
    break; 

    case 3: 
     styles.style.backgroundColor='#FFFF66'; 
    break; 

    case 4: 
     styles.style.backgroundColor='#669900'; 
    break; 

    case 5: 
     styles.style.backgroundColor='#000066'; 
    break; 

    case 6: 
     styles.style.backgroundColor='#660066'; 
    break; 
    } 
} 

window.onload = function() { 
    setStyles(1); 
}; 

http://jsbin.com/agajen/1/edit

+0

감사합니다 ...... 정말 좋았어요! – kate

관련 문제