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

जावास्क्रिप्ट में चौड़ाई और स्क्रीन आकार अनुपात (चौड़ाई:ऊंचाई) के आधार पर ऊंचाई ढूंढना


समस्या

हमें एक जावास्क्रिप्ट फ़ंक्शन लिखना है जो स्क्रीन की चौड़ाई को पहले तर्क के रूप में और पहलू अनुपात (w:h) को दूसरे तर्क के रूप में लेता है। इन दो इनपुट के आधार पर हमारा फ़ंक्शन स्क्रीन की ऊंचाई लौटाएगा।

उदाहरण

निम्न कोड देखें:

const ratio = '18:11'; const width = 2417; const findHeight = (ratio = '', width = 1) => {    const [w, h] = ratio    .split(':')    .map(Number);    const height = (width * h) / w;    return Math.round(height); }; console.log(findHeight(ratio, width));

आउटपुट

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

1477

  1. iPhone 5 स्क्रीन आकार का पता लगाना - UIScreen का उपयोग करके iPhone 5 स्क्रीन आकार का पता लगाना - UIScreen का उपयोग करके

    Apple डिवाइस के स्क्रीन आकार का पता लगाना एक आसान और सरल कार्य है। iOS SDK का UIKIT मॉड्यूल कई फ़ंक्शन और क्लास प्रदान करता है जो यूज़र इंटरफ़ेस, स्क्रीन आकार और कई अन्य UI एलिमेंट से निपटते हैं। उनमें से एक UIScreen है जो डिवाइस स्क्रीन से संबंधित है। UIScreen.main उपयोग में डिवाइस की वर्तमान मुख्

  1. CSS में width और height प्रॉपर्टीज CSS में width और height प्रॉपर्टीज

    हम एलिमेंट के कंटेंट के लिए विशेष रूप से ऊंचाई और चौड़ाई परिभाषित कर सकते हैं, हालांकि ये प्रॉपर्टीज मार्जिन, पैडिंग या बॉर्डर को शामिल नहीं करती हैं। सिंटैक्स CSS height प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    height: /*value*/ } CSS width प्रॉपर्टी का सिंटैक्स निम्नानुसार है:

  1. CSS से स्क्रीन साइज़ के आधार पर कॉलम चौड़ाई बदलना CSS से स्क्रीन साइज़ के आधार पर कॉलम चौड़ाई बदलना

    स्क्रीन साइज़ के आधार पर कॉलम चौड़ाई बदलने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .sample {    width: 50%;    background-color: l