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>Speed Converter</h1> <h2>Type speed in Kilometer per hour to convert it into meter per hour</h2> <p> <label>Kilometer Per Hour</label> <input id="inputKm" type="number" placeholder="KilometersPerHour" oninput="KmphtoMphConverter(this.value)" onchange="KmphtoMphConverter(this.value)"/> </p> <p>Meters Per second: <span class="metersPerSecond"></span></p> <script>    function KmphtoMphConverter(speed) {       document.querySelector(".metersPerSecond").innerHTML = speed * 0.277778;    } </script> </body> </html>

आउटपुट

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

HTML और JavaScript से स्पीड कन्वर्टर कैसे बनाएं?

कुछ स्पीड kph में दर्ज करने पर -

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