How To Reverse A Number Using JavaScript

Submitted by alpha_luna on Wednesday, July 20, 2016 - 16:35.
In this tutorial, we are going to learn on How To Reverse A Number Using JavaScript. This program runs that the user will type the desired number then the program will execute the script to reverse the given number from the user. Let's start with: JavaScript This script will use to reverse the given number.
  1. <script>
  2. var reverse_number =0;
  3.  
  4. var num_value = parseInt(prompt("Type your number to Reverse: "));
  5. document.write("<br>");
  6. document.write("<h3>How To Reverse A Number Using JavaScript</h3>");
  7. document.write("<b style='color:blue;'>The Original Number is <b style='color:red;'>" + num_value + "</b> .</b><br />");
  8. while( num_value != 0 )
  9. {
  10. reverse_number = parseInt(reverse_number * 10);
  11. reverse_number = parseInt(reverse_number + (num_value%10));
  12. num_value = parseInt(num_value/10);
  13. }
  14. document.write("<b style='color:blue;'>The Reverse Number is <b style='color:red;'>" + reverse_number + "</b> .</b><br>");
  15. </script>

The Complete Code

Copy and paste to your editor to try this simple tutorial. Enjoy coding.
  1. <!DOCTYPE html>
  2.  
  4.  
  6.  <title>How To Reverse A Number Using JavaScript</title>
  7.  
  8. <style type="text/css">
  9. body {
  10.         width:500px;
  11.         margin:auto;
  12.         text-align:center;
  13. }
  14. h3 {
  15.         color:blue;
  16. }
  18. </head>
  19.  
  20.  <body>
  22. var reverse_number =0;
  23.  
  24. var num_value = parseInt(prompt("Type your number to Reverse: "));
  25. document.write("<br>");
  26. document.write("<h3>How To Reverse A Number Using JavaScript</h3>");
  27. document.write("<b style='color:blue;'>The Original Number is <b style='color:red;'>" + num_value + "</b> .</b><br />");
  28. while( num_value != 0 )
  29. {
  30. reverse_number = parseInt(reverse_number * 10);
  31. reverse_number = parseInt(reverse_number + (num_value%10));
  32. num_value = parseInt(num_value/10);
  33. }
  34. document.write("<b style='color:blue;'>The Reverse Number is <b style='color:red;'>" + reverse_number + "</b> .</b><br>");
  36. </body>
  37. </html>
Hope that this tutorial will help you a lot. 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
reverse a number
reverse
Javascript
HTML

Add new comment

About text formats
  • 78 views