Jade에서 JS 스크립트 변수 사용

Question

JS 스크립트에서 정의한 변수를 옥 (jade) 파일에 사용하고 싶습니다. 그게 가능하니?

이

script. 
    var J1 = 0; 
    var socket = io.connect('http://localhost:3000'); 
    socket.on('positionJ1', function(positionJ1) { 
    J1 = positionJ1; 
    }) 

p Le joueur 1 est en case #{J1} 

편집이 :

충분히 명확하게하기 위해, 여기에 내가 할 노력하고있어 무엇 는 DOM과 방법을 시도하기 위해, 내가 그 일을했지만, 나는 어떤 경고를받지 않습니다 . innerHTML 메서드가 작동하지 않습니다. document.body.innerHTML = "Something"; 잘 작동한다.

p#posJ1 
    script. 
    var socket = io.connect('http://localhost:3000'); 
    socket.on('positionJ1', function(positionJ1) { 
     var J1 = document.getElementById("posJ1"); 
     J1.innerHTML = "Le joueur 1 est en case " + positionJ1; 
     document.body.appendChild(J1); 
    }) 

Answer 1

이것은 문자 적으로 불가능하다 :

script. 
    var J = document.getElementById("posJ1").innerHTML; 
    alert(J); 

p#posJ1 Plop 

수정 : 내 페이지 번호의 posJ1이

솔루션 스크립트 이상일 때 작동합니다. Jade는 클라이언트에 제공되기 전에 정적 HTML로 렌더링됩니다. 입력 한 변수는 렌더링시에만 구문 분석됩니다.

그런 런타임 DOM 조작을 수행하려면 javascript를 사용해야 할 것입니다.

 
    script. 
    var J1 = 0; 
    var socket = io.connect('http://localhost:3000'); 
    socket.on('positionJ1', function(positionJ1) { 
    J1 = positionJ1; 
    document.getElementById('position').innerHTML= J1; 
    }) 

    p Le joueur 1 est en case 
     span#position