[レビュー]上記コード2週目JavaScript Instagramクローンコード
くどくど言う
もう2週間以上コード生活を送っています...昨日は月曜日だったようで、時間が経つのが早いですね.
インスタグラムをクローンコードして、始まる前にHTML、CSSを完成して、JavaScriptだけ
加えればいいと思った.しかし、事実はそうではない.床から一つ一つ私がデザイン(?)そしてまたやります.
最初は「できますか?」という思いがありましたが、本格的にスタートしたときは、思ったほどうまくいきませんでした
自分がずいぶん成長したと感じたのは、コードに興味と自信を加えるきっかけです.
反省しなきゃInstagramクローンコードの実装が完了するにつれて、高速帰宅が開始されます.
一週間の回顧録を見て情熱万寿になると言って、ヨガをして、今はこんなに怠け者です...
私は自分に本当にがっかりした.この回顧録から、私は立ち直る.
Instagramクローンエンコーディング結果
記憶に残るコード
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メソッドを知り、それを使って問題を解決しました.
また、この機能は新しく追加されたコメントでも起動する必要があります.だからコメント追加イベントで.
同時期に教えてくれた委任イベント(イベント委任)でこの問題を解決しました.
Reference
この問題について([レビュー]上記コード2週目JavaScript Instagramクローンコード), 我々は、より多くの情報をここで見つけました https://velog.io/@qldudgh/회고록-위코드-2주차-인스타그램-클론코딩テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol