Todo list nasıl yapılır?

Arkadaşlar şöyle bir todo sayfası yapmak istiyorum. Yardımcı olur musunuz? HTML CSS gerekirse JS ile.



Soldaki resme tıklayınca metin ile beraber sağa geçmesini istiyorum.

PowerPoint'te köprü kullanarak yapabilirsin. Bence en basit yolu bu

Barisdkmn dedi:

PowerPoint'te köprü kullanarak yapabilirsin. Bence en basit yolu bu

Genişletmek için tıkla...

Ben şöyle bir şey yaptım ,
resim linki yazan yere internetten bir link yapıştırıyoruz. Yer ekleyin diyincede o resim gözüküyor fakat ben o resmin daire olmasını istiyorum. Normalde border radius verecektim fakat form olduğundan herhangi bir işlevi olmuyor. Yardımcı olur musun ?

EDIT: Buyrun hocam bir şeyler yazdım. Silme özelliğini falan sen eklersin. Edit fiddle - JSFiddle - Code Playground @Fleure

delikarga dedi:

Resim linki yerine file upload özelliği koyup, eklenen resmi javascript ile ilgili yerlere yerleştirebilirsin. Resmin daire olması için bir div içine alıp, div'e border radius ver. Resime ise object-fit: scale-down ver.

Genişletmek için tıkla...

Link yaptım sonra border-radius 50% verdim oldu teşekkürler.

delikarga dedi:

Edıt: Buyurun hocam bir şeyler yazdım. Silme özelliğini falan sen eklersin. Edit fiddle - JSFiddle - Code Playground @Fleure

Genişletmek için tıkla...

Sağ ol kankam bende ona benzer bir şey yazmıştım fakat bu daha düzenlimiş yeni konuma da bakabilir misin?