Skip to content

Instantly share code, notes, and snippets.

@entrptaher
Last active March 8, 2019 10:50
Show Gist options
  • Save entrptaher/70198839b5f9a6545b5d8cceb35f4805 to your computer and use it in GitHub Desktop.
Save entrptaher/70198839b5f9a6545b5d8cceb35f4805 to your computer and use it in GitHub Desktop.
Fun task for CEA

সুযোগঃ

  • গুগল ইউটিউব সহ সব কিছু ব্যবহার করা যাবে।
  • ক্রোমে Scratch JS ব্যবহার করা যাবে। ফায়ারফক্সে Scratchpad ব্যবহার করা যাবে।
  • codepen কিংবা jsbin এ example.com এর কোড কপি করে ওখানেও করা যাবে।
  • সবাই মিলে করা যাবে। একা একাও করা যাবে।
  • পুরোপুরি ১০০% অপেন।
  • সম্পূর্ণ ভ্যানিলা জাভাস্ক্রিপ্ট দিয়ে একটা ফাংশন বানাতে হবে
  • যেটা example.com এ রান করলে,
  • এরপর আমি যে কোন এলিমেন্টে ক্লিক করলে সেটার একটা মিনিমাল সিলেক্টর তৈরি হবে (যেটা দিয়ে ওই নির্দিষ্ট এলিমেন্টকে খোঁজা যাবে) ও কনসোলে প্রিন্ট হবে
  • অবশ্যই লিংকে ক্লিক করলে অন্য পেজে যেন না চলে যায় সেই ব্যবস্থা করতে হবে।
  • একটি ছোট react chrome/firefox extension বানাতে হবে।
  • যেটার আইকনে ক্লিক করলে একটা ছোট ইনপুট এলিমেন্ট তৈরি হবে পেজের একদম উপরে।
  • এরপর যে কোন এলিমেন্টে ক্লিক করলে ওই ইনপুট এলিমেন্টে দেখাবে
  • কিন্তু এক্সটেনশনের যে কোন এলিমেন্টের উপর ক্লিক করলে ওটা দেখাবে না।
  • এক্সটেনশনে হোভার করলে ওটা পেজের অন্য কোন অংশে চলে যাবে। ডানে থাকলে বামে যাবে, বামে থাকলে ডানে।

এক্সটেনশনটি নিচের পেজগুলোতে কাজ করতে হবে,

// Will reveal once anyone passes level 2

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment