하나의 버튼 JavaScript가있는 CSS div에 대한 문이 두 개이면

두 개의 버튼을 사용하면 하나만 사용할 수 있는지 궁금하다.이 두 버튼의 코드는 하나의 버튼 만 사용하려는 것이다. 내가 쓴 버튼의 코드는 예를 들어, DIV의 스타일을 변경하는 코드 실행 : 나는 당신이하고 싶어 어떻게 생각 하나의 버튼 JavaScript가있는 CSS div에 대한 문이 두 개이면

<title></title> 
<style>#ok{width:100px;height:100px;background-color:black;}</style> 
</head> 

<body> 
<div id="ok">ok</div> 
<button id="a">on</button> 
<button id="b">off</button> 
<script> 
var a=document.querySelector("#a"); 
var b=document.getElementById("ok"); 
a.addEventListener("click",k,false); 
var c=document.querySelector("#b"); 
c.addEventListener("click",g,false); 
function k(){ 
b.style.backgroundColor="yellow"; 
}; 
function g(){ 
b.style.backgroundColor="black"; 
}; 
</script>

출처

2014-03-01 user2887761

코드를보다 쉽게 읽을 수 있도록하십시오. 들여 쓰기와. –

것은 :

document.querySelector("#a").addEventListener("click", k, false); 

function k() { 
    var a = document.querySelector("#a"); 
    var ok = document.getElementById("ok"); 
    if(ok.style.backgroundColor=="yellow"){ 
     a.innerHTML = "on"; 
     ok.style.backgroundColor = "black"; 
    } 
    else{ 
     a.innerHTML = "off"; 
     ok.style.backgroundColor = "yellow"; 
    } 
};

당신의 DEMO 작업이 .

출처

2014-03-01 19:57:41

고맙습니다. 비슷한 일을 시도해 봤지만 정확하지는 않습니다. 더 열심히 공부해야만합니다. – user2887761

하나의 버튼 JavaScript가있는 CSS div에 대한 문이 두 개이면

답변

관련 문제