Javascriptの切り替え

Question

文章をクリックすることで、Japanese.jsとEnglish.jsを切り替えたいです。

具体的には
初期状態ではJapanese.jsが適用され、「こちら」をクリックするとEnglish.jsが適用されるようなものです。

下記のコードを試してみましたが失敗しました…

function Display(no){  
 if(no == "001"){  
         document.getElementById("Japanese.js").style.display = "block";
         document.getElementById("English.js").style.display = "none";
     }

ぜひコードか参考になりそうなサイトを教えて頂けませんか？
よろしくお願いします。

Japanese.js

function Display(no){  
 if(no == "japanese"){  
   document.getElementById("japanesepage").style.display = "block";
       document.getElementById("englishpage").style.display = "none";
     }
}

English.js

function Display(no){  
 if(no == "english"){  
         document.getElementById("japanesepage").style.display = "none";
         document.getElementById("englishpage").style.display = "block";
     }
}

Comments

[defghi1977]

JavaScript側に加えてHTMLを提示して下さい

Answer 1

一度読み込んだJavaScriptは、<script>要素を操作しても無効化できません。

なので、Japanese.js、English.jsのそれぞれに、グローバル変数あるいはエレメントの状態を見て必要なときだけ適用させる処理が必要となります（それ以上は、詳細なコードを見ないと判断できません）。

Comments

[退会済みユーザー]

回答ありがとうございます。ただいま各スクリプトの内容を書きます。

Answer 2

見た感じエリアの表示の切り替えしかしないならjsファイルを読み替える
必要はないと思います。
「こちら」をクリックした際に共通化したdisplayのフラグを付け替えて
実効するか、グローバル変数で切り替えるか、やりようはいくつかあるでしょう

Answer 3

呼び出し元が同じなら下記と同じではないでしょうか。

function Display(no){  
    if(no == "english"){  
        document.getElementById("japanesepage").style.display = "none";
        document.getElementById("englishpage").style.display = "block";
    }else if(no == "japanese"){  
        document.getElementById("japanesepage").style.display = "block";
        document.getElementById("englishpage").style.display = "none";
    }
}

//あとはload時にjapaneseにしておく
window.onload = function () {
  Display("japanese");
};