An automorphic number is an integer whose square ends with the given integer, as (25)2 = 625, and (76)2 = 5776.

import "./styles.css";
import React, { useState } from "react";

export default function App() {
  const [num, setNum] = useState(0);
  const [result, setResult] = useState("");
  function getnum() {
    var newn = 0;
    var n = num;
    var p = n * n;
    while (n > 0) {
      newn = newn * 10 + (p % 10);
      n = parseInt(n / 10);
      p = parseInt(p / 10);
    }
    var t = 0;
    while (newn > 0) {
      t = t * 10 + (newn % 10);
      newn = parseInt(newn / 10);
    }
    if (num == t) {
      setResult("Automorphic Number");
    } else {
      setResult("Not a Automorphic Number");
    }
  }

  return (
    <div className="App">
      <input
        value={num}
        onChange={(e) => setNum(e.target.value)}
        placeholder="Enter the Number"
      />
      <small>
        {num} X {num} = {num * num}
      </small>

      <button
        onClick={() => {
          setNum("");
          setResult("");
        }}
      >
        Reset
      </button>
      <button onClick={getnum}>Get Result</button>
      <h1>{result}</h1>
    </div>
  );
}