Merge pull request #139 from msisaifu/browser-default-actions

Browser default actions

Author: jaamaalxyz

2-ui/2-events/01-introduction-browser-events/01-hide-other/solution.view/index.html

@@ -12,8 +12,8 @@
   <div id="text">Text</div>
 
   <script>
-    // অনেকভাবেই আমরা এটিকে অদৃশ্য করতে পারি,
-    // style.display ও কাজ করবে:
+    // Here it doesn't matter how we hide the text,
+    // could also use style.display:
     document.getElementById('hider').onclick = function() {
       document.getElementById('text').hidden = true;
     }

2-ui/2-events/01-introduction-browser-events/01-hide-other/task.md

@@ -2,10 +2,10 @@ importance: 5
 
 ---
 
-# ক্লিকের মাধ্যমে অদৃশ্য
+# Hide on click
 
-একটি বাটনে `button` ক্লিক হলে এটি `<div id="text">` কে অদৃশ্য করবে।
+Add JavaScript to the `button` to make `<div id="text">` disappear when we click it.
 
-ডেমো দেখুন:
+The demo:
 
 [iframe border=1 src="solution" height=80]

2-ui/2-events/01-introduction-browser-events/02-hide-self-onclick/solution.md

@@ -1,4 +1,4 @@
-হ্যান্ডেলারে `this` ব্যবহারের মাধ্যমে করতে পারি  "কেননা `this` দ্বারা ঐ এলিমেন্টকে নির্দেশ করে":
+Can use `this` in the handler to reference "the element itself" here:
 
 ```html run height=50
 <input type="button" onclick="this.hidden=true" value="Click to hide">

2-ui/2-events/01-introduction-browser-events/02-hide-self-onclick/task.md

@@ -4,7 +4,7 @@ importance: 5
 
 # Hide self
 
-একটি বাটন লিখুন যেটি ক্লিক করলে বাটনটিই অদৃশ্য হয়ে যাবে।
+Create a button that hides itself on click.
 
 ```online
 Like this:

2-ui/2-events/01-introduction-browser-events/03-which-handlers-run/solution.md

@@ -1,8 +1,8 @@
-উত্তর হল: `1` এবং `2`।
+The answer: `1` and `2`.
 
-প্রথম হ্যান্ডেলারটি রান হবে, কেননা এখানে `removeEventListener` এর মাধ্যমে হ্যান্ডেলারটি রিমুভ হবে না। কোন হ্যান্ডেলার রিমুভ করতে আমাদের সেম ভ্যারিয়েবল ফাংশন অথবা ফাংশন পাঠাতে হবে। কিন্তু এখানে একই লজিকের দুটি ফাংশন পাঠানো হচ্ছে, একই রেফারেন্সের না।
+The first handler triggers, because it's not removed by `removeEventListener`. To remove the handler we need to pass exactly the function that was assigned. And in the code a new function is passed, that looks the same, but is still another function.
 
-কোন হ্যান্ডেলার রিমুভ করতে আমাদের এভাবে লিখা লাগবে:
+To remove a function object, we need to store a reference to it, like this:
 
 ```js
 function handler() {
@@ -13,4 +13,4 @@ button.addEventListener("click", handler);
 button.removeEventListener("click", handler);
 ```
 
-আবার `addEventListener` এর পাশাপাশি `button.onclick` ও কাজ করবে।
+The handler `button.onclick` works independently and in addition to `addEventListener`.

2-ui/2-events/01-introduction-browser-events/03-which-handlers-run/task.md

@@ -2,9 +2,11 @@ importance: 5
 
 ---
 
-# কোন হ্যান্ডেলারটি এক্সিকিউট হবে?
+# Which handlers run?
 
-বাটন ক্লিকে এখানে কোন হ্যান্ডেলারটি রান হবে, এবং কোন অ্যালার্টটি শো হবে?
+There's a button in the variable. There are no handlers on it.
+
+Which handlers run on click after the following code? Which alerts show up?
 
 ```js no-beautify
 button.addEventListener("click", () => alert("1"));