Write a javascript program to find reverse of a number entered by user.

Pushpa Raj Dangi October 13, 2020

 Write a program to find the reverse of a number entered by the user.

1. HTML

  <!DOCTYPE html>
  <html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Write a program to find reverse of a number entered by user.</title>
 
  </head>

  <body>
    <div class="calculator">
      <h4>Reverse Number</h4>
      <input type="number" placeholder="Enter Number" id="inputNumber">

      <p id="result"></p>

      <div class="btn-group">
        <button onclick="reverse()">Calculate</button>
      </div>
    </div>


  </body>

  </html>

2. CSS

<style>
      body {
        font-family: sans-serif;
        text-align: center;
      }

      label {
        font-weight: bold;
        line-height: 2.7;
      }


      .calculator {
        width: 20%;
        margin: auto;
        padding: 25px 10px;
        border-radius: 5px;
        background: #ffa500;
        color: #ffffff;
      }

      input {
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        font-size: 15px;
        font-weight: bold;
        border-color: #00f;
      }

      button {
        border: none;
        padding: 10px 15px;
        font-weight: bold;
        font-size: 14px;
        color: #ffffff;
        background: #00f;
        border-radius: 4px;

      }

      #result {
        background: #514e4e99;
        padding: 15px 0px;
        margin: 20px 50px;
        border-radius: 5px;
      }
    </style>

3. JS

<script>
      const result = document.getElementById("result");

      function reverse() {
        var a, inputNumber, temp = 0;
        var inputNumber = Number(document.getElementById("inputNumber").value);
        
        while (inputNumber > 0) {
          a = inputNumber % 10;
          inputNumber = parseInt(inputNumber / 10);
          temp = temp * 10 + a;
        }
        result.innerHTML = temp;
      }
    </script>

Result


Write a program to find reverse of a number entered by user.



Codepen Live


Reactions

Post a Comment

0 Comments

If you have any question please ask?