如何在计算器中实现 plus/minus 按钮？

Question

我想在计算器上创建一个按钮，可以将正数转换为负数，也可以将负数转换为正数。

这是js中的代码：

function reverse_num(){
    var num = $( "#p").text();
    if(num > 0){
        $("p").prepend("-");
    }
    else if(num = 0)
    {
        $("p");
    }
}

当我想将正数转换为负数时，它工作正常。但是当我想删除那个负号时，我不知道该怎么做。

谁能告诉我怎么做？

Answer 1

您应该使用基础数学并在单击减号时乘以 -1。

例如：

//Get the number
var number = parseFloat( $( "#p").text() );

//Reverse it
function reverse_num(num) {
    return (-num); // == (-1 * num)
}

//Replace the content of #p
$("#p").text( reverse_num(number) );

作为 "oneliner"

$("#p").text(-(parseFloat($("#p").text())));

Answer 2

你可以通过两种方式使用它

Way 1：您可以使用 replace('-', '');

删除 "-"

Way 2 ：您也可以通过 (-1)

使用 multiplication

function reverse_num(){
    var num = $( "#p").text();
 if(num > 0){    
       $("p").prepend("-");
 }
 else if(num < 0){
        var num = $( "#p").text().replace('-', '');
  $("#p").text(num);
 }
 else if(num == 0){
    $("#p");
 } 
}

reverse_num();

function reverse_num_version_2(){
    var num = $( "#number").text();
 if(num > 0){    
       $("#number").prepend("-");
 }
 else if(num < 0){
        num = num * (-1);
  $("#number").text(num);
 }
 else if(num == 0){
    $("#number");
 } 
}
reverse_num_version_2();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<p id="p">-100</p>

<div id="number">-100</div>

如何在计算器中实现 plus/minus 按钮？

How to implement a plus/minus button in a calculator work?

javascript

jquery

calculator