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

HTML और JavaScript से लंबाई कन्वर्टर कैसे बनाएं?


HTML और JavaScript से लंबाई कन्वर्टर बनाने के लिए कोड निम्न है -

उदाहरण

<!DOCTYPE html> <html> <head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    }    input,span{       font-size: 20px;    } </style> </head> <body> <h1>Length Converter</h1> <h2>Type length in Kilometers to convert it into meters</h2> <p> <label>Kilometers</label> <input id="inputKm" type="number" placeholder="Kilometers" oninput="KmtoMConverter(this.value)" onchange="KmtoMConverter(this.value)"> </p> <p>Meters: <span class="meters"></span></p> <script>    function KmtoMConverter(length) {       document.querySelector(".meters").innerHTML=length*1000;    } </script> </body> </html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट देगा -

HTML और JavaScript से लंबाई कन्वर्टर कैसे बनाएं?

किलोमीटर में लंबाई दर्ज करने पर -

HTML और JavaScript से लंबाई कन्वर्टर कैसे बनाएं?


  1. HTML और JavaScript से तापमान कन्वर्टर कैसे बनाएं? HTML और JavaScript से तापमान कन्वर्टर कैसे बनाएं?

    HTML और JavaScript से तापमान कन्वर्टर बनाने के लिए कोड निम्न है -उदाहरण<!DOCTYPE html> <html> <head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    }    input,span{     &nb

  1. HTML और JavaScript से वजन कन्वर्टर कैसे बनाएं? HTML और JavaScript से वजन कन्वर्टर कैसे बनाएं?

    HTML और JavaScript से वजन कन्वर्टर बनाने के लिए कोड निम्न है -उदाहरण<!DOCTYPE html> <html> <head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    }    input,span{      

  1. CSS और JavaScript से एकॉर्डियन कैसे बनाएं CSS और JavaScript से एकॉर्डियन कैसे बनाएं

    CSS और JavaScript से एकॉर्डियन बनाने के लिए, कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .demo { background-color: #eee; cursor: pointer; padding: 25px; width: 100