[レビュー]上記コード2週目JavaScript Instagramクローンコード


くどくど言う


もう2週間以上コード生活を送っています...昨日は月曜日だったようで、時間が経つのが早いですね.
インスタグラムをクローンコードして、始まる前にHTML、CSSを完成して、JavaScriptだけ
加えればいいと思った.しかし、事実はそうではない.床から一つ一つ私がデザイン(?)そしてまたやります.
最初は「できますか?」という思いがありましたが、本格的にスタートしたときは、思ったほどうまくいきませんでした
自分がずいぶん成長したと感じたのは、コードに興味と自信を加えるきっかけです.
反省しなきゃInstagramクローンコードの実装が完了するにつれて、高速帰宅が開始されます.
一週間の回顧録を見て情熱万寿になると言って、ヨガをして、今はこんなに怠け者です...
私は自分に本当にがっかりした.この回顧録から、私は立ち直る.

Instagramクローンエンコーディング結果


  • ID、PW入力時に登録ボタン
  • を有効にする.
  • コメント内容を入力してEnterキーを押すか、投稿ボタンをクリックしてコメント機能
  • を追加する.
  • コメント点賛/削除機能
  • 反応型実施
  • 記憶に残るコード

    comment.addEventListener("click", (event) => {
        const src = event.target.getAttribute("src")
        const heart = "./img/heart.png"
        const redHeart = "./img/redHeart.png"
    
        if (src === heart) {
            event.target.src=redHeart;
        } else if (src === redHeart) {
            event.target.src=heart;
        }
    
    });
    インスタグラムのクローンコードで一番大変なコードだったので印象的でした
    まず、賛機能を実現するために、ハート型写真を変更するコードを作成し、中空形をクリックすると、
    赤いハートに変えたけど赤いハートをクリックすれば空のハートには変えられない
    よく覚えてないsrcvalueを使用しているようで、srcの値が正しく取得されていません.
    問題を解決するために、Google検索でgetAttributeメソッドを知り、それを使って問題を解決しました.
    また、この機能は新しく追加されたコメントでも起動する必要があります.だからコメント追加イベントで.
    同時期に教えてくれた委任イベント(イベント委任)でこの問題を解決しました.