2016-05-19 20 views
0

JSの新機能私の周りを包み込むことができないことの1つは、イベントを前後に変更するための適切なコードを書くことです。イベントと状態

たとえば、クリックしたときの色を赤から黒に変更します。

var titles = document.getElementById("titles"); 

function changeColor() 

{ 
    if(titles.style.color="black") 
    titles.style.color="red"; 
    else 
    titles.style.color="black"; 
}; 

titles.addEventListener("click", changeColor); 

私は、この概念は単純なものですけど、それは私が問題を持っているつもりだこれを理解せず、他のより複雑なものとそのオープンメニューonclicksたような、より複雑なものになると。

私の問題は、コードの後半をどのように制御するのか分かりません。色を赤に変えることはできますが、どうやって元に戻すことができますか?

+0

あなたの「後半」は既にあなたのサンプルコードにあるようです(いくつかのタイプミスではありますが)。より複雑なものでは原則は変わりません。あなたの質問は何ですか? – wintvelt

+0

'titles.style.color =" black "'は常にtrueを返します。 'titles.style.color ==" black "'または '' titles.style.color === "black" '' –

+0

コードが動作することを意味すると思います。 – lonewarrior556

答えて

2
if(titles.style.color="black") 

=割り当てあります。 2つの値を比較するには、===(またはタイプをチェックしたくない場合は==)を使用します。

+0

しかし、そのオペレータで修正されたコードはまだ動作しません。何が欠けていますか? https://jsfiddle.net/theodore_steiner/pnpu1p2s/1/ –

+0

@TheodoreSteiner - そのリンクの後ろには問題にならない ';'があります。ブラウザのデベロッパーツールのコンソールに表示されるエラーメッセージは、悲鳴を上げるはずです。 – Quentin

関連する問題