fix: translate reviewer-suggested Hindi terms

Author: NalinDalal

src/content/tutorials/hi/setting-up-your-environment.mdx

@@ -40,7 +40,7 @@ import Callout from "../../../components/Callout/index.astro";
 
 ## स्टेप 0: कोडिंग एनवायरनमेंट का प्रकार चुनें
 
-आप अपनी [p5.js](/reference) कोडिंग जर्नी [p5.js Web Editor](https://editor.p5js.org/) या [VS Code](https://code.visualstudio.com/) से शुरू कर सकते हैं।
+आप अपनी [p5.js](/reference) कोडिंग यात्रा [p5.js Web Editor](https://editor.p5js.org/) या [VS Code](https://code.visualstudio.com/) से शुरू कर सकते हैं।
 
 [p5.js Web Editor](https://editor.p5js.org/) एक वेबसाइट है जहाँ प्रोग्रामर बिना किसी *code editor* को डाउनलोड या कॉन्फ़िगर किए, p5.js प्रोग्राम्स लिख, टेस्ट, शेयर, या रीमिक्स कर सकते हैं। एक *code editor* टेक्स्ट को व्यवस्थित और रंगीन करके कोड लिखना और पढ़ना आसान बनाता है, जिससे प्रोग्रामर्स को कोड के अलग-अलग हिस्से देखने में मदद मिलती है।
 
@@ -89,11 +89,11 @@ import Callout from "../../../components/Callout/index.astro";
 
 ### स्टेप 3: [p5.js Web Editor](https://editor.p5js.org/) को एक्सप्लोर करें
 
-[p5.js Web Editor](https://editor.p5js.org/) एक ऑनलाइन एनवायरनमेंट है जहाँ प्रोग्रामर अपना p5.js कोड लिख और टेस्ट कर सकते हैं। [p5.js Web Editor](https://editor.p5js.org/) के अलग-अलग एलिमेंट्स और उनके फंक्शन को एक्सप्लोर करें।
+[p5.js Web Editor](https://editor.p5js.org/) एक ऑनलाइन एनवायरनमेंट है जहाँ प्रोग्रामर अपना p5.js कोड लिख और टेस्ट कर सकते हैं। [p5.js Web Editor](https://editor.p5js.org/) के अलग-अलग तत्व और उनके फंक्शन को एक्सप्लोर करें।
 
-नीचे दिया गया डायग्राम एडिटर के इंटरफ़ेस के हर एलिमेंट को लेबल और डिस्क्राइब करता है:
+नीचे दिया गया डायग्राम एडिटर के अंतरापृष्ठ के हर तत्व को लेबल और डिस्क्राइब करता है:
 
-![p5.js Web Editor के यूज़र इंटरफ़ेस का एक लेबल्ड डायग्राम।](../images/introduction/p5_editor_interface_breakdown.png)
+![p5.js Web Editor के यूज़र अंतरापृष्ठ का एक लेबल्ड डायग्राम।](../images/introduction/p5_editor_interface_breakdown.png)
 
 ### स्टेप 4: अपना पहला स्केच नाम दें, सेव करें, और रन करें
 
@@ -107,7 +107,7 @@ import Callout from "../../../components/Callout/index.astro";
 
 ![p5.js Web Editor पर एक यूज़र एक नए प्रोजेक्ट का नाम रखता है और उसे सेव करता है।](../images/introduction/p5_editor_saving_a_sketch.png)
 
-![“Sketch saved.” टेक्स्ट वाले एक नोटिफ़िकेशन बॉक्स की ओर इशारा करता एक तीर।](../images/introduction/p5_editor_saved_sketch_notification.png)
+![“Sketch saved.” टेक्स्ट वाले एक अधिसूचना बॉक्स की ओर इशारा करता एक तीर।](../images/introduction/p5_editor_saved_sketch_notification.png)
 
 अपने कोड का आउटपुट देखने के लिए, ऊपर बाईं ओर मौजूद *Play* बटन पर क्लिक करें:
 
@@ -126,13 +126,13 @@ function draw() {
 }
 ```
 
-ऊपर दिया गया कोड प्रीव्यू में एक कैनवस एलिमेंट बनाता है जो 400 पिक्सल चौड़ा और 400 पिक्सल ऊँचा है। यह बैकग्राउंड को ग्रे के एक शेड पर भी सेट करता है।
+ऊपर दिया गया कोड प्रीव्यू में एक कैनवस तत्व बनाता है जो 400 पिक्सल चौड़ा और 400 पिक्सल ऊँचा है। यह बैकग्राउंड को ग्रे के एक शेड पर भी सेट करता है।
 
 #### `createCanvas()`
 
-कंप्यूटर स्क्रीन्स छोटी-छोटी लाइट्स से बनी होती हैं जिन्हें *pixels* कहा जाता है, जो किसी भी इमेज को बनाने वाले सबसे छोटे एलिमेंट्स होते हैं। प्रीव्यू विंडो में कैनवस बनाने वाली कोड की लाइन [`createCanvas(400, 400)`](/reference/p5/createCanvas) है। इस लाइन ऑफ़ कोड के बिना, ड्रॉ करने के लिए कोई कैनवस नहीं होगा! 400, 400 नंबर कैनवस की चौड़ाई और ऊँचाई को पिक्सल में दर्शाते हैं। इन नंबर्स को [`createCanvas()`](/reference/p5/createCanvas) फंक्शन के *arguments* भी कहा जाता है।
+कंप्यूटर स्क्रीन्स छोटी-छोटी लाइट्स से बनी होती हैं जिन्हें *pixels* कहा जाता है, जो किसी भी इमेज को बनाने वाले सबसे छोटे तत्व होते हैं। प्रीव्यू विंडो में कैनवस बनाने वाली कोड की लाइन [`createCanvas(400, 400)`](/reference/p5/createCanvas) है। इस लाइन ऑफ़ कोड के बिना, ड्रॉ करने के लिए कोई कैनवस नहीं होगा! 400, 400 नंबर कैनवस की चौड़ाई और ऊँचाई को पिक्सल में दर्शाते हैं। इन नंबर्स को [`createCanvas()`](/reference/p5/createCanvas) फंक्शन के *arguments* भी कहा जाता है।
 
-किसी फंक्शन के parentheses के अंदर रखी गई किसी भी वैल्यू को *arguments* कहा जाता है: यानी फंक्शंस को कस्टमाइज़ करने के लिए इस्तेमाल होने वाली कोई भी वैल्यू। [`createCanvas()`](/reference/p5/createCanvas), [`setup()`](/reference/p5/setup) फंक्शन के अंदर आता है ताकि एक HTML canvas एलिमेंट बनाया जा सके जिस पर आप ड्रॉ कर सकते हैं।
+किसी फंक्शन के parentheses के अंदर रखी गई किसी भी वैल्यू को *arguments* कहा जाता है: यानी फंक्शंस को कस्टमाइज़ करने के लिए इस्तेमाल होने वाली कोई भी वैल्यू। [`createCanvas()`](/reference/p5/createCanvas), [`setup()`](/reference/p5/setup) फंक्शन के अंदर आता है ताकि एक HTML canvas तत्व बनाया जा सके जिस पर आप ड्रॉ कर सकते हैं।
 
 और जानने के लिए, [`setup()`](/reference/p5/setup) और [`createCanvas()`](/reference/p5/createCanvas) के [p5.js रेफरेंस](/reference) पेजेज़ पर जाएँ।
 
@@ -191,7 +191,7 @@ function draw() {
 
 ### स्टेप 7: बनाएँ!
 
-p5.js में कई फंक्शंस हैं जिनका इस्तेमाल करके आप अपने कैनवस में स्टैटिक और इंटरैक्टिव, दोनों तरह के एलिमेंट्स शामिल कर सकते हैं।
+p5.js में कई फंक्शंस हैं जिनका इस्तेमाल करके आप अपने कैनवस में स्टैटिक और इंटरैक्टिव, दोनों तरह के तत्व शामिल कर सकते हैं।
 
 - बैकग्राउंड और सर्कल कमांड्स को इस टेक्स्ट से बदलें:
 
@@ -321,13 +321,13 @@ function draw() {
 
 <EditableSketch code={`function setup() {   createCanvas(800, 600); } function draw() {   background(220); }`} />
 
-ऊपर दिया गया कोड प्रीव्यू में एक कैनवस एलिमेंट बनाता है जो 800 पिक्सल चौड़ा और 600 पिक्सल ऊँचा है। यह बैकग्राउंड को ग्रे के एक शेड पर भी सेट करता है।
+ऊपर दिया गया कोड प्रीव्यू में एक कैनवस तत्व बनाता है जो 800 पिक्सल चौड़ा और 600 पिक्सल ऊँचा है। यह बैकग्राउंड को ग्रे के एक शेड पर भी सेट करता है।
 
 #### `createCanvas()`
 
-कंप्यूटर स्क्रीन्स छोटी-छोटी लाइट्स से बनी होती हैं जिन्हें *pixels* कहा जाता है, जो किसी भी इमेज को बनाने वाले सबसे छोटे एलिमेंट्स होते हैं। प्रीव्यू विंडो में कैनवस बनाने वाली कोड की लाइन [`createCanvas(800, 600)`](/reference/p5/createCanvas) है। इस लाइन ऑफ़ कोड के बिना, ड्रॉ करने के लिए कोई कैनवस नहीं होगा! 800, 600 नंबर कैनवस की चौड़ाई और ऊँचाई को पिक्सल में दर्शाते हैं। इन नंबर्स को [`createCanvas()`](/reference/p5/createCanvas) फंक्शन के *arguments* भी कहा जाता है।
+कंप्यूटर स्क्रीन्स छोटी-छोटी लाइट्स से बनी होती हैं जिन्हें *pixels* कहा जाता है, जो किसी भी इमेज को बनाने वाले सबसे छोटे तत्व होते हैं। प्रीव्यू विंडो में कैनवस बनाने वाली कोड की लाइन [`createCanvas(800, 600)`](/reference/p5/createCanvas) है। इस लाइन ऑफ़ कोड के बिना, ड्रॉ करने के लिए कोई कैनवस नहीं होगा! 800, 600 नंबर कैनवस की चौड़ाई और ऊँचाई को पिक्सल में दर्शाते हैं। इन नंबर्स को [`createCanvas()`](/reference/p5/createCanvas) फंक्शन के *arguments* भी कहा जाता है।
 
-किसी फंक्शन के parentheses के अंदर रखी गई किसी भी वैल्यू को *arguments* कहा जाता है: यानी फंक्शंस को कस्टमाइज़ करने के लिए इस्तेमाल होने वाली कोई भी वैल्यू। [`createCanvas()`](/reference/p5/createCanvas), [`setup()`](/reference/p5/setup) फंक्शन के अंदर आता है ताकि एक HTML canvas एलिमेंट बनाया जा सके जिस पर आप ड्रॉ कर सकते हैं।
+किसी फंक्शन के parentheses के अंदर रखी गई किसी भी वैल्यू को *arguments* कहा जाता है: यानी फंक्शंस को कस्टमाइज़ करने के लिए इस्तेमाल होने वाली कोई भी वैल्यू। [`createCanvas()`](/reference/p5/createCanvas), [`setup()`](/reference/p5/setup) फंक्शन के अंदर आता है ताकि एक HTML canvas तत्व बनाया जा सके जिस पर आप ड्रॉ कर सकते हैं।
 
 और जानने के लिए, [`setup()`](/reference/p5/setup) और [`createCanvas()`](/reference/p5/createCanvas) के [p5.js रेफरेंस](/reference) पेजेज़ पर जाएँ।
 
@@ -369,7 +369,7 @@ circle(200,200,100);
 
 ### स्टेप 7: बनाएँ!
 
-p5.js में कई फंक्शंस हैं जिनका इस्तेमाल करके आप अपने कैनवस में स्टैटिक और इंटरैक्टिव, दोनों तरह के एलिमेंट्स शामिल कर सकते हैं।
+p5.js में कई फंक्शंस हैं जिनका इस्तेमाल करके आप अपने कैनवस में स्टैटिक और इंटरैक्टिव, दोनों तरह के तत्व शामिल कर सकते हैं।
 
 - सर्कल कमांड को इस टेक्स्ट से बदलें: