Celsius To Fahrenheit Converter Using JavaScript

Submitted by alpha_luna on Tuesday, April 12, 2016 - 12:19.
This is a simple tutorial that we are going to learn today. And it's called Celsius To Fahrenheit Converter Using JavaScript. If you want to do this manually. First, you have the method to convert the Celsius to Fahrenheit. You have to take time for solving. But if you have this program, you don't need to do this manually to get the Celsius to Fahrenheit. Kindly type a value in the box then it will automatically view the result. JavaScript This is the script to get the result of Celsius to Fahrenheit. 
  1. <script type="text/javascript" src="angular.min.js"></script>
  2.  
  3. <script>
  4.     var app = angular.module('celsiusTofahrenheit', []);
  5.     app.filter('single_inDecimal', function($filter) {
  6.         return function(input) {
  7.             if (isNaN(input)) return input;
  8.             return Math.round(input * 10) / 10;
  9.         };
  10.     });
  11.     app.filter('setDecimal', function($filter) {
  12.         return function(input, places) {
  13.             if (isNaN(input)) return input;
  14.             var factor = "1" + Array(+(places > 0 && places + 1)).join("0");
  15.             return Math.round(input * factor) / factor;
  16.         };
  17.     });
  18.     app.controller('Ctrl', function($scope) {
  19.         $scope.val = 1.56;
  20.     });
  21. </script>
HTML This is the HTML code to input the user the value to convert and to see automatically the result. 
  1. <center>
  2.    <h3>Celsius To Fahrenheit Converter</h3>
  3.    <div ng-app="celsiusTofahrenheit">
  4.       <p>Temperature in Celsius:</p>
  5.       <hr />
  6.       <input type="number" step="1" autofocus="autofocus" ng-model="code_fahrenheit" maxlength="5" size="3"/>
  7.       <hr />
  8.       <p>The temperature in Celsius is <b style="color:blue;"> {{ code_fahrenheit }}&deg;C </b> its equivalent to Fahrenheit is <b style="color:blue;"> {{ (code_fahrenheit * 9/5) + 32 | setDecimal:1}}&deg;F</b>.</p>
  9.    </div>
  10. </center>
So what can you say about this work? Share your thoughts in the comment section below or email me at [email protected]. Practice Coding. Thank you very much.

Tags

Add new comment

About text formats
  • 25 views