Merge pull request #189 from msisaifu/dom-navigation

jaamaalxyz · web-flow · commit e8db105c9a3d · 2023-05-17T22:40:46.000+06:00
Walking the DOM
diff --git a/2-ui/1-document/03-dom-navigation/1-dom-children/solution.md b/2-ui/1-document/03-dom-navigation/1-dom-children/solution.md
@@ -1,27 +1,27 @@
-There are many ways, for instance:
+অনেকভাবে এটি করা যায়, যেমন:
 
 
-The `<div>` DOM node:
+`<div>` DOM নোড:
 
 ```js
 document.body.firstElementChild
-// or
+// অথবা
 document.body.children[0]
-// or (the first node is space, so we take 2nd)
+// অথবা (প্রথম নোডটি স্পেস হতে পারে, আমরা 2য়টি নিব)
 document.body.childNodes[1]
 ```
 
-The `<ul>` DOM node:
+`<ul>` DOM নোড:
 
 ```js
 document.body.lastElementChild
-// or
+// অথবা
 document.body.children[1]
 ```
 
-The second `<li>` (with Pete):
+দ্বিতীয় `<li>` (Pete টেক্সট সহ):
 
 ```js
-// get <ul>, and then get its last element child
+// প্রথমে <ul>, এবং তারপর শেষ চাইল্ড এলিমেন্ট
 document.body.lastElementChild.lastElementChild
 ```
diff --git a/2-ui/1-document/03-dom-navigation/1-dom-children/task.md b/2-ui/1-document/03-dom-navigation/1-dom-children/task.md
@@ -2,9 +2,9 @@ importance: 5
 
 ---
 
-# DOM children
+# DOM চিলড্রেন
 
-Look at this page:
+এটি দেখুন:
 
 ```html
 <html>
@@ -18,7 +18,7 @@ Look at this page:
 </html>
 ```
 
-For each of the following, give at least one way of how to access them:
-- The `<div>` DOM node?
-- The `<ul>` DOM node?
-- The second `<li>` (with Pete)?
+নিম্নোক্ত প্রতিটি এলিমেন্ট সমূহ কিভাবে অ্যাক্সেস করা যায়?
+- `<div>` DOM নোড?
+- `<ul>` DOM নোড?
+- দ্বিতীয় `<li>` (Pete টেক্সট সহ)?
diff --git a/2-ui/1-document/03-dom-navigation/3-navigation-links-which-null/solution.md b/2-ui/1-document/03-dom-navigation/3-navigation-links-which-null/solution.md
@@ -1,6 +1,6 @@
-1. Yes, true. The element `elem.lastChild` is always the last one, it has no `nextSibling`.
-2. No, wrong, because `elem.children[0]` is the first child *among elements*. But there may exist non-element nodes before it. So `previousSibling` may be a text node.
+1. হ্যাঁ, সত্য। `elem.lastChild` সর্বদা শেষটি হবে, এটির কোন `nextSibling` নেই।
+2. না, ভুল, কেননা `elem.children[0]` হবে *সকল এলিমেন্টের* মধ্যে প্রথম চাইল্ড। কিন্তু পূর্বে নন-এলিমেন্ট নোডও থাকতে পারে. সুতরাং `previousSibling` টেক্সট নোডও হতে পারে।
 
-Please note: for both cases if there are no children, then there will be an error.
+দয়া করে মনে রাখুন: উভয়ই ক্ষেত্রে কোন চিলড্রেন না থাকলে, এরোর হবে।
 
-If there are no children, `elem.lastChild` is `null`, so we can't access `elem.lastChild.nextSibling`. And the collection `elem.children` is empty (like an empty array `[]`).
+যদি কোন চিলড্রেন না থাকে, `elem.lastChild` হবে `null`, সুতরাং আমরা এভাবে লিখতে পারব না `elem.lastChild.nextSibling`। এবং `elem.children` কালেকশনটি হবে খালি (অনেকটা খালি অ্যারের মত `[]`)।
diff --git a/2-ui/1-document/03-dom-navigation/3-navigation-links-which-null/task.md b/2-ui/1-document/03-dom-navigation/3-navigation-links-which-null/task.md
@@ -2,9 +2,9 @@ importance: 5
 
 ---
 
-# The sibling question
+# sibling নিয়ে প্রশ্ন
 
-If `elem` -- is an arbitrary DOM element node...
+`elem` -- কি আরবিট্ররি DOM এলিমেন্ট নোড হবে?...
 
-- Is it true that `elem.lastChild.nextSibling` is always `null`?
-- Is it true that `elem.children[0].previousSibling` is always `null` ?
+- `elem.lastChild.nextSibling` সর্বদা `null` এটি কি সত্য?
+- `elem.children[0].previousSibling` সর্বদা `null` এটি কি সত্য?
diff --git a/2-ui/1-document/03-dom-navigation/4-select-diagonal-cells/solution.md b/2-ui/1-document/03-dom-navigation/4-select-diagonal-cells/solution.md
@@ -1 +1 @@
-We'll be using `rows` and `cells` properties to access diagonal table cells.
+আমরা `rows` এবং `cells` প্রপার্টি দ্বারা কোণাকুণি *td* সমূহকে সিলেক্ট করতে পারি।
diff --git a/2-ui/1-document/03-dom-navigation/4-select-diagonal-cells/task.md b/2-ui/1-document/03-dom-navigation/4-select-diagonal-cells/task.md
@@ -2,17 +2,17 @@ importance: 5
 
 ---
 
-# Select all diagonal cells
+# কোণাকুণি সকল td কে সিলেক্ট করুন
 
-Write the code to paint all diagonal table cells in red.
+কোণাকুণি সকল td এর ব্যকগ্রাউন্ড লাল করার কোড লিখুন।
 
-You'll need to get all diagonal `<td>` from the `<table>` and paint them using the code:
+প্রথমে আপনাকে `<table>` এর সকল কোণাকুণি `<td>` কে সিলেক্ট করতে হবে তারপর তাদের ব্যাকগ্রাউন্ড পরিবর্তন করবেন:
 
 ```js
 // td should be the reference to the table cell
 td.style.backgroundColor = 'red';
 ```
 
-The result should be:
+আউটপুট হবে এমন:
 
 [iframe src="solution" height=180]
diff --git a/2-ui/1-document/03-dom-navigation/article.md b/2-ui/1-document/03-dom-navigation/article.md

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		-We'll be using `rows` and `cells` properties to access diagonal table cells.
	`1`	+আমরা `rows` এবং `cells` প্রপার্টি দ্বারা কোণাকুণি td সমূহকে সিলেক্ট করতে পারি।