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>Weight Converter</h1>
<h2>Type weight in kg to convert it into grams</h2>
<p>
<label>Kilogram</label>
<input id="inputKG" type="number" placeholder="Kilogram"
oninput="KgtoGConverter(this.value)" onchange="KgtoGConverter(this.value)">
</p>
<p>Grams: <span id="outputGrams"></span></p>
<script>
   function KgtoGConverter(weight) {
      document.getElementById("outputGrams").innerHTML=weight*1000;
   }
</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 के साथ तापमान परिवर्तक बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    }    input,span{  

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

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