Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript में किसी बिंदु का दूसरे बिंदु के सापेक्ष प्रतिबिंब खोजना


समरूपता बिंदु

"बिंदु प्रतिबिंब" या "बिंदु समरूपता" ज्यामिति में एक मूल अवधारणा है जहां एक दिया गया बिंदु, P, एक मध्य बिंदु, Q के सापेक्ष एक दी गई स्थिति पर होता है, उसका एक संगत बिंदु, P1, होता है, जो Q से समान दूरी पर लेकिन विपरीत दिशा में होता है।

समस्या

हमें एक JavaScript फ़ंक्शन लिखना है जो 2-D प्लेन में दो बिंदुओं को निर्दिष्ट करने वाले दो ऑब्जेक्ट्स P और Q लेता है। हमारा फ़ंक्शन Q के सापेक्ष बिंदु P का सममित बिंदु आउटपुट करना चाहिए।

उदाहरण

निम्नलिखित कोड है −

const p = { x: 6, y: -4 }; const q = { x: 11, y: 5 }; const findReflection = (p = {}, q = {}) => { const res = {}; const Xdistance = p['x'] - q['x']; res['x'] = q['x'] - Xdistance; let Ydistance = p['y'] - q['y']; res['y'] = q['y'] - Ydistance; return res; }; console.log(findReflection(p, q));

आउटपुट

कंसोल आउटपुट निम्नलिखित है −

{ x: 16, y: 14 }
  1. - जावास्क्रिप्ट में एक एलिमेंट के अंदर दूसरा एलिमेंट है या नहीं जांचना

    एक एलिमेंट के अंदर एलिमेंट होना कुछ और नहीं बल्कि उदाहरण के लिए एक डिव एलिमेंट के अंदर स्पैन एलिमेंट है। जावास्क्रिप्ट ने यह पता लगाने के लिए .contains() मेथड प्रदान किया है कि क्या कोई एलिमेंट दूसरे एलिमेंट को समाहित करता है। यह मेथड वास्तव में true लौटाता है यदि कंडीशन पूरी होती है अन्यथा false लौ

  1. जावास्क्रिप्ट में फंक्शन द्वारा दूसरा फंक्शन लौटाना जावास्क्रिप्ट में फंक्शन द्वारा दूसरा फंक्शन लौटाना

    जावास्क्रिप्ट में एक फंक्शन द्वारा दूसरा फंक्शन लौटाने का कोड निम्नलिखित है: उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Document</title> <style>  

  1. JavaScript में एक div की पोजीशन दूसरे div के सापेक्ष कैसे सेट करें? JavaScript में एक div की पोजीशन दूसरे div के सापेक्ष कैसे सेट करें?

    यह मुख्य रूप से CSS का काम है। JavaScript की आवश्यकता नहीं। CSS Flexbox (flex-direction: column-reverse) या Grid का उपयोग करके एलिमेंट्स का क्रम बदलें। CSS Flexbox समाधान (सबसे सरल) <style> .container { display: flex; flex-direction: column-reverse; /* क्रम उलट दें */