여기에 무슨 문제가 있습니까?

Question

나는 자바 스크립트를 배우기 위해이 작은 스크립트를 만들었습니다. 하지만 예기치 않은 토큰 스위치가 계속 나타납니다. 하지만 괭이가 설정되어 있습니다.

HTML :

<p id="new">test<p> 
    <input id="button" type="submit" name="button" value="enter" /> 

JS :

var switch = true; 

if (switch == false){ 
document.getElementById('button').onclick = function() { 
document.getElementById("new").innerHTML = "Mijn Naam!"; 
    var switch = true; 
}; 
} else { 
document.getElementById('button').onclick = function() { 
document.getElementById("new").innerHTML = "shiva"; 
    var switch = false; 
}; 
} 

Answer 1

switch은 예약 된 단어입니다. 다른 변수 이름을 사용해야합니다. 그런데

, 코드는 다음과 같이 압축을 할 수 있습니다 :

var switchOn = true; 

document.getElementById('button').onclick = function() { 
    document.getElementById("new").innerHTML = 
     switchOn ? "shiva" :"Mijn Naam!"; 
    switchOn = !switchOn; 
} 

Answer 2

방법에 대해 : // 개발자 :

<p id="new">test<p> 
<input id="button" type="submit" name="button" value="enter" /> 

var clicked = false; 

document.getElementById('button').onclick = function() { 
    document.getElementById("new").innerHTML = clicked ? "shiva" : "Mijn Naam!"; 
    clicked = !clicked; 
};