Javascript编号反向点击按钮

时间:2017-03-26 04:52:14

标签: javascript html button

我试图反转用户在点击按钮时输入的数字。我输出了数字,但它并没有反过来。这是我的代码。

<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("");
}

我在这里做错了什么?

3 个答案:

答案 0 :(得分:2)

尝试以下方法:

&#13;
&#13;
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;   
}
&#13;
<button id="btn"> Number Reverser </button>

<p id="para"></p>
&#13;
&#13;
&#13;

注意:以上代码也适用于字符串反转。

答案 1 :(得分:1)

在撤消之前,您应该将number转换为string,因此您必须在.toString()number之间加入.split("")

答案 2 :(得分:0)

如果这是您期望的输出,那么您的代码工作正常。

&#13;
&#13;
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("");
}
&#13;
<button id="btn"> Number Reverser </button>

<p id="para"></p>
&#13;
&#13;
&#13;