Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> 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>

आउटपुट

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

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

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

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


  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