2017-08-04 6 views
-1

私は初めてのJavaスクリプトの問題に直面しています。つまり、私は初心者です。 問題は、私はjava-script関数を2回使用できないということです。はjs関数を2回使用できません

<b id="about" onclick="displaying(1)" >Biz barada<b> 

目と2回目「私たちについて」をクリックしながら、私は表示なし

<img id="close" onclick="displaying(2)" src="img/close.png"> 

のスタイルを作るしようとすると、私がしようとしています何

function displaying(id){ 
    switch(id){ 
     case 1: 
     document.getElementById("foot").style.display = "block"; 
     break; 
     case 2: 
     document.getElementById("foot").style.display = "none"; 
     break; 
    } 
} 

私はこの機能を初めて呼び出します表示するには、デフォルトで表示されます:なし

+1

はまた、あなたがお使いのブラウザで正確に何のエラーを取得している、あなたのスイッチでdefaultをケースを含めますコンソール?問題の内容を提示しなければ、私はあなたを助けてくれません。ありがとう –

+0

真偽を使用してみませんか?そうすれば、単純なif条件を使うことができます。 – evolutionxbox

+1

関数は2回呼び出されます。いくつかのロギングを追加するか、関数内のコンソールに書き込むと、何が起きているかがわかります。 –

答えて

6

あなたはまだ閉じていません<b>タグ、ひいてはその常に以下は1としてidを得ることが更新されたコードです:

function displaying(id) { 
 
    console.log(id); 
 
    switch (id) { 
 
    case 1: 
 
     document.getElementById("foot").style.display = "block"; 
 
     break; 
 
    case 2: 
 
     document.getElementById("foot").style.display = "none"; 
 
     break; 
 
    } 
 
}
<b id="about" onclick="displaying(1)">Biz barada</b> 
 

 
<img id="close" onclick="displaying(2)" src="img/close.png"> 
 
<div id="foot">Foot</div>

関連する問題