CODEWITHSUNDEEP
javascripthtmlbutton
Brixsta
Brixsta

Reputation: 627

Javascript number Reverse on button click

I'm trying to reverse the number entered by the user on button click. I'm getting the number to output, but it's not in reverse. Here is my code.

<button id="btn"> Number Reverser </button>

<p id="para"></p>

document.getElementById("btn").addEventListener("click", reverseNumber);

function reverseNumber () {
    var number = prompt("Type a number you want reversed");
    return document.getElementById("para").innerHTML = number.split("").reverse().join("");
}

What am I doing wrong here?

Upvotes: 0

Views: 691

Answers (3)

Mamun
Mamun

Reputation: 68923

Try the following:

document.getElementById("btn").addEventListener("click", reverseNumber);


function reverseNumber()  
{  
    let number = prompt("Type a number you want reversed");
    let numReverse = number.split("").reverse().join("");
    document.getElementById("para").innerHTML = numReverse;   
}
<button id="btn"> Number Reverser </button>

<p id="para"></p>

Note: Above code will work for string reversal as well.

Upvotes: 2

Dan Philip Bejoy
Dan Philip Bejoy

Reputation: 4391

Your code is working fine if this is the output you are expecting.

document.getElementById("btn").addEventListener("click", reverseNumber);

function reverseNumber () {
    var number = prompt("Type a number you want reversed");
    return document.getElementById("para").innerHTML = number.split("").reverse().join("");
}
<button id="btn"> Number Reverser </button>

<p id="para"></p>

Upvotes: 0

mako
mako

Reputation: 78

You should convert number to string before reverse it, so you must include .toString() between number and .split("")

Upvotes: 1

Related Questions