モーダル関数がモーダルを示していない

Question

こんにちは私はモーダルを表示/非表示に再利用できる関数を書いています。 しかし、それは動作していないようです。私はfuntionの外で同じコードを使用し、変数の代わりに直接IDとクラス名を使用していたときに、うまく働いていたのですあなたのShowModal関数を定義する方法が間違っている

<input id="lrBtn" type="button" value="Login/Register" onclick="ShowModal('PopUpLR','closeLR');" /> 




function ShowModal(var popup,var closeBtn){ 
     var modal = document.getElementById(popup); 
     var span = document.getElementsByClassName(closeBtn)[0]; 
     modal.style.display = "block"; 
     span.onclick = function() { 
      modal.style.display = "none"; 
     } 
     window.onclick = function(event) { 
      if (event.target == modal) { 
       modal.style.display = "none"; 
      } 
     } 
    } 

Answer 1

は、あなたがするのではなく、この

function ShowModal(popup,closeBtn){ 
// your code 
} 

ようにそれを記述する必要が

function ShowModal(var popup,var closeBtn) 
{ 
// your code 
} 

全コード：

function ShowModal(popup,closeBtn){ 
     var modal = document.getElementById(popup); 
     var span = document.getElementsByClassName(closeBtn)[0]; 
     modal.style.display = "block"; 
     span.onclick = function() { 
      modal.style.display = "none"; 
     } 
     window.onclick = function(event) { 
      if (event.target == modal) { 
       modal.style.display = "none"; 
      } 
     } 
    }