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 के साथ स्पीड कन्वर्टर कैसे बनाएं?

किलोमीटर प्रति घंटे में कुछ गति दर्ज करने पर -

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


  1. एचटीएमएल और जावास्क्रिप्ट के साथ तापमान कनवर्टर कैसे बनाएं?

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

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

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

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

    सीएसएस और जावास्क्रिप्ट के साथ एक अकॉर्डियन बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .demo {    background-color: #eee;    c