他の名前によるバラ

私が最初に基本的なHTMLを学び始めたとき、私は、私がすべてを挙げなければならなかったことを憎みました.「時間の無駄なんて」と私は思った.「それが＜p＞かa＜div＞なら、誰が気にかけますか?
男は私ダムだった.
今、私はJavaScriptの沼沢を通って、私はドロップしているとして、私はfreakin 'ジョニーのAppleesed HTMLのような!そして、今まで、私のすべての時間のお気に入りのドロップを行う必要があります.

classList.toggle

「クラスリスト」自体は、すでにかなり魅力的です.MDNウェブドキュメントによると、...
要素のクラス属性のLive DomTokenListコレクションを返す読み取り専用プロパティです.次に、クラスリストを操作するために使用できます
言い換えれば、要素のクラスを呼び出すと、その要素のクラスを再生するために使用できる12の素晴らしいメソッドにアクセスできます.
DomTokenlist protoを見てください.含むエントリーforeachiTemkeys ;取り外し置換サポートtostring ;トグル(!!!),値.
少し背景.私のプロジェクトはマインドパレスの概念を扱っています.それは基本的にあなたが覚えておきたいことのリストを添付するために身近なスペースを使用するメモリ技術です.
あなたのアパート/家のようによく知っている場所を選んでください.精神的には、家の一端から他の方へ道を作り、道に沿って、変化しない物やスペースを書き留めてください.これらはlociと呼ばれている.私の場合は次のようなものを選びます.

1) doorknob, 2) coatrack, 3) bookshelf, 4) mirror, 5) couch,
6) table, 7) window, 8) painting, 9) guitar, 10) lamp

その後、あなたが覚えておきたいリストを持っているとき(私の1000姪/甥のように)あなたはそれらのそれぞれを座に割り当てる.
1 )ドアノブ
2 ) Coatrack - DEerek
本棚-トーリー
ミラー・ペッパー
5カウチマヤ
6 )テーブル・ディロン
7 )ウィンドウ
8 )塗装
9 )ギター
10 )ランプ-レオノラ
「これはクラスリストとどうしますか?」
私はそこに、私誓う.
だから、私のアプリは2つのことが必要.両方の軌跡/それらのリスト項目の語表現.そして、宮殿の視覚的な眺め.
私は、壁が黒くて、部屋/廊下が灰色だったアパートの空中眺めを選びます.私がこのように作成した黒い部屋.

function loadRoom(){
  const rc = document.getElementById("RightContainer")

  for(let j=0; j< 20; j++){
    const tr = document.createElement("tr")

    tr.innerHTML = ""
    rc.append(tr)
    for(let i = 0; i < 20; i++){
      const td = document.createElement("td")
      td.setAttribute("class", "block firstColor")
      td.setAttribute("onclick", "changeColor(this)")
      td.innerHTML = ""
      tr.append(td)
    }
   }
  }

入れ子になったループを使用すると、それぞれのテーブルデータが“block”のクラス、“firstcolor”のクラス、および関数changecolor(TDOBJ)を引き起こしたEventListenerを持つブラックボックスを作成できました.

function changeColor(tdObj){
  tdObj.classList.toggle("secondColor")
}

ChangeColor(TDoBJ)は要素(この場合テーブルデータオブジェクト)の引数を取り、クラスリストを呼び出して、それをトグルします.トグルは別の名前(“secondcolor”)にクラス(“firstcolor”)の名前を変更します.
CSSファイルでは以下のようになります.

.firstColor{
  background-color: black;
}
.secondColor{
  background-color: grey;
}

そしてブーム!黒は灰色に行くか、テーブルのデータの小さな広場をクリックするたびに灰色に黒に行く-あなたがあなたの家の空中ビューを描くことができるようにすることができますあなたは私にロギーを添付を開始します.
私は経験豊富なコーダーのために知っているこれはおそらく小さい＆面白いが、それは真剣に私の心を吹いた.)