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

कुछ वजन KGs में टाइप करने पर -

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{     &nbs

  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. 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