自己実行関数内の兄弟関数へのアクセス

Question

私はここで本当に単純なエラーを作り出しているように感じます。基本的に、私は自己実行機能内の別の関数から関数にアクセスしようとしています。 printConfirmationが呼び出されていない理由はありますか？ eventHandlersも正しく動作していないようです。

(function(){ 

    var targetZone = document.getElementById('target-zone'); 

    var eventHandlers = function(){ 
    targetZone.addEventListener('click', printConfirmation); 
    }; 

    var printConfirmation = function(){ 
    targetZone = targetZone.classList; 
    targetZone.add('clicked'); 
    }; 

})(); 

Answer 1

それは、巻上の問題ではなく、関数式の関数宣言の変更であり、それは動作します：

(function(){ 

    var targetZone = document.getElementById('target-zone'); 

    function eventHandlers(){ 
    targetZone.addEventListener('click', printConfirmation); 
    } 

    function printConfirmation(){ 
    targetZone = targetZone.classList; 
    targetZone.add('clicked'); 
    } 

    eventHandlers(); 
})(); 

は編集：ダニエルが指摘したようにまた、あなたが実際にeventHandlers()

を呼び出す必要があります