Copy tugmasi #amalyot

Link: https://abdulvahob-random-number.vercel.app/
GitHub: https://github.com/Abdulvahobjon/Javascript-mini-projects

@abs_javascript

Drag-Drop

Bu loyihani qanday tayorlash mumkin ?

"dragover" va "drop" hodisasidan foydalanishingiz kerak bo'ladi.

Amalyot uchun:
Link: https://js-project-30.vercel.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30

@abs_javascript

#code

Drop hodisasini telda qollay olmadim.
Drop o'rniga click dan foydalanadigan bo'lsangiz cursor bosilganida o'tadigan bo'ladi.

@abs_javascript

TailwindCSS ga hiyonat qilib 2 kun oldin styleX bilan kechasi bilan suhbat qurib chiqdim.
styleX ni ikkichisi sifatida olish mumkin lekin birinchisiga TailwindCSS yaxshi degan fikirga keldim.

styleX bizni qishloq sharoyitiga moslashmagan ekan. TypeScript city ga ko'chib kelish shartini qoydi🫤.Lekin Menga hozircha u shaxardan ish chiqgani yoq shuni uchun rad etdim.💔

TypeScript city ga borganda yana bir gap otib koraman styleX xonga 😀

@abs_javascript

HTML , CSS ni eplolmagan JavaScriptni eplaydimi ?

Bir mashxur gap bor: "Inson bir ishni qanday qilsa , hamma ishni shunday qiladi " 😳

Lekin men bu gapga 100% qo'shila olmayman , insonni bitta narsa orqali baholash to'g'ri emas 🙅‍♂️. Misol uchun dunyoda chiroyli yozolmaydigan 📝 insonlar juda ko'p 🙂, ularni xunuk yozishi , ishda ham shunday degani emas.

Bazilar HTML , CSS qiziqmaydi va ancha yengil qarashadi. 🤦‍♂️ Lekin JavaScriptdagi mantiq va jozibani ko'rganidan keyin , qiziqishi ortib HTML , CSS niham mustahkam qilib olgan dasturchi bollar bor.

@abs_javascript

<input type="file" >

<input type="file" > dan malumotni qanday qilib olib , ishlatish mumkin ?

@abs_javascript

Malumotni yuklab olish bo'yicha , kichik amalyot qilib ko'rdim.

Link: https://abdulvahob-input-file.vercel.app/
Github: https://github.com/Abdulvahobjon/js-project-30/tree/main/upload-file

@abs_javascript

HTML

Input:
id: id si
name: nomi
accept="image/*" : Faqat rasm yuklanishi uchun
multiple: Bir vaqtning o'zida bir nechta rasm yuklay olishlik uchun.

@abs_javascript

JS ni commid sifatida yozib chiqa qoldim. Uncha tushunarsiz emas menimcha.

@abs_javascript

Share tugmasi qanday yasaladi ? 🫠

Javoblarni kutib qolaman 😀
( men biladigan yo'ldan boshqacharoq yo'l bo'lsa hursad bo'laman)

Bugun kechga share tugmasi bo'yicha kichik mini loyiha qilib ko'raman.

@abs_javascript

Hindlar dars o'tishni yorvoradida😅

Nima bo'lganini tushunganing yo'g'u , lekin ko'ding ishlayabdi 😂

@abs_javascript

window.location.href 🔗

Agar sizga brauzer oynasining hozirgi linki kerak bo'lsa window.location.href ko'didan foydalansangiz bo'ladi.

@abs_javascript

encodeURI()

URL manzildagi belgilarni UTF-8 (ko'dlash standarti) bilan almashtiradi. URL dagi nuqsonlarni tog'rilaydi ( qisqacha aytganda)

@abs_javascript

Agar window.location.href dan foydalanmoqchi bo'sangiz encodeURI() bilan qoshib ishlatishingiz maqsadga muvofiq bo'ladi.

@abs_javascript

Share link

Share link yasashning ikki usulini bilaman , birinchisi HTMLda a tegi orqali yasash.
Shu usulda kichik amalyot qilib ko'rdim.

Link: https://abdulvahob-share-btn.vercel.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30

@abs_javascript