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>Temperature Converter</h1>
<h2>Type Temperature in celcius to convert it into fahrenheit</h2>
<p>
<label>Celcius</label>
<input id="inputKG" type="number" placeholder="Celcius"
oninput="CtoFConverter(this.value)" onchange="CtoFConverter(this.value)">
</p>
<p>Fahrenheit: <span class="fahrenheit"></span></p>
<script>
   function CtoFConverter(temp) {
      document.querySelector(".fahrenheit").innerHTML=(temp-32)/1.8;
   }
</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